/* Foundation Styles */



/* Fundamentals: Tags */

* {
padding: 0;
margin: 0;
}

HTML {
font-size: 100%;
} 

BODY {
font-size: 62.5%;
line-height: 1.5;
font-family: Verdana, Helvetica, sans-serif;
text-align: left;
color: black;
background-color: #cecece;
padding: 0;
margin: 0;
}

H2 {
margin: 10px 20px 0 10px;
font-size: 2.4em;
color: #444;
}

.news H2 {
font-size: 2em;
}

H3 {
margin: 0 0 0em 0;
font-size: 1.2em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.4;
color: #069;
font-weight: bold;
text-transform: uppercase;
}

H4 {
margin: 1em 0 .6em 0;
font-family: Arial, Helvetica, sans-serif
font-size: 1em;
line-height: 1.4;
font-weight: bold;
font-style: italic;
}

H5 {
margin: 0.5em 0 0.5em 0;
font-size: 1em;
font-style: italic;
font-weight: normal;
}

P {
margin: 0 0 .6em 0;
}

A {
color: black;
}

H3 A {
text-decoration: none;
color: #069;
}

H3 A:hover {
text-decoration: underline;
}

UL {
margin: 0 0 .6em 1.4em;
list-style-type: square;
}

UL.bulletpara LI {
font-weight: bold;
margin: 1.0em 0 0 0;
}

UL.bulletpara LI P {
font-weight: normal;
}

OL {
margin: 1em 0 1em 1.6em;
}

IMG {
border: none;
}

IMG.smallinline {
vertical-align: middle;
}

IMG.right {
float: right;
margin: 0 0 0 10px;
}

FORM, .form {
margin-left: 200px;
}

LABEL, .label {
float: left;
width: 200px;
margin-left: -200px;
}

FORM H3 {
margin-left: -200px !important;
}

.field {
}

PRE {
font-size: 1.0em;
line-height: 1.6;
font-family: Verdana, Helvetica, sans-serif;
color: black;
width: 300px;
}

.fineprint {
margin-top: 2.0em;
font-size: 0.9em;
font-style: italic;
}

/* Fundamentals: Classes */

.clear {
clear: both;
height: 0;
}

.item {
margin: .6em 0;
}

.player {
margin: 0 0 -4px 0;
}


/* Fundamentals: Controls */

A.learn-more {
text-decoration: none;
color: white;
background-color: #bbb;
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 1px;
padding: .1em .8em;
}

A.learn-more:hover {
background-color: black;
color: white;
}

A.learn-more.inline {
margin: 0 1em;
}

A.external {
padding: 0 14px 0 0;
background: url(/res03.50/external.gif) right no-repeat;
}

A.innerpage {
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0;
font-size: 0.8em;
font-weight: bold;
color: #29537c;
}

A.innerpage:hover {
color: #f60;
}

UL.menu {
margin: 0;
}

UL.menu LI {
list-style: none;
display: inline;
margin: 0 2px;
}

UL.menu LI A {
text-decoration: none;
color: black;
}

UL.menu LI A:hover {
text-decoration: none;
color: black;
}

UL.directory LI {
margin: 0 0 2.0em 0;
}

UL.menu-vertical LI {
list-style: none;
}

UL.menu-vertical LI A {
color: white;
font-size: 1.0em;
text-decoration: none;
}

UL.menu-vertical LI A:hover {
color: black;
}


/* Container */

#container {
width: 928px;
margin: 0 auto;
background: url(/res03.50/bg-header.png) no-repeat center -4px;
}



/* Meta section*/

#meta {
background-color: white;
}

#meta .menu {
margin: 0 auto;
width: 900px;
height: 1.9em;
padding: 4px 36px 0 0;
text-align: right;
font-size: 1.1em;
}

#meta .menu A {
color: #aaa;
margin-left: 16px;
}

#meta .menu A:hover {
color: black;
}


/* =======================

Header section 

*/

#header {
height: 50px;
}

H1 A {
text-indent: -9999px;
float: left;
position: relative;
left: 20px;
top: 0px;
width: 167px;
height: 55px;
background: url(/res03.50/logo-tidebreak.png) no-repeat;
display: inline;}


/* Navigation */

#nav {
float: right;
position: relative;
right: 24px;
top: 10px;
width: 495px;
height: 29px;
margin: 0;
background: url(/res03.50/menu-sprite.png) 0px 0px no-repeat;
}

#nav LI A:link, 
#nav LI A:visited  {
position: absolute;
top: 0;
height: 29px;
text-indent: -9999px;
overflow: hidden;
}

/* Navigation: Menu - Products */
#nav .products A:link, #nav .products A:visited {
left: 65px;
width:72px;
}

#nav .products A:hover, #nav .products A:focus {
background: url(/res03.50/menu-sprite.png) no-repeat -65px -32px;
}

body.products #nav .products A {
background: url(/res03.50/menu-sprite.png) no-repeat -65px -64px;
}

/* Navigation: Menu - Videos */
#nav .videos A:link, #nav .videos A:visited {
left: 80px;
width: 57px;
}

#nav .videos A:hover, #nav .videos A:focus {
background: url(/res03.50/menu-sprite.png) no-repeat -80px -32px;
}

body.videos #nav .videos A {
background: url(/res03.50/menu-sprite.png) no-repeat -80px -64px;
}

/* Navigation: Menu - Customers */
#nav .customers A:link, #nav .customers A:visited {
left: 145px;
width: 85px;
}

#nav .customers A:hover, #nav .customers A:focus {
background: url(/res03.50/menu-sprite.png) no-repeat -145px -32px;
}

body.customers #nav .customers A {
background: url(/res03.50/menu-sprite.png) no-repeat -145px -64px;
}

/* Navigation: Menu - Resources */
#nav .resources A:link, #nav .resources A:visited {
left: 237px;
width: 83px;
}

#nav .resources A:hover, #nav .resources A:focus {
background: url(/res03.50/menu-sprite.png) no-repeat -237px -32px;
}

body.resources #nav .resources A {
background: url(/res03.50/menu-sprite.png) no-repeat -237px -64px;
}

/* Navigation: Menu - Support*/
#nav .support A:link, #nav .support A:visited {
left: 327px;
width: 67px;
}

#nav .support A:hover, #nav .support A:focus {
background: url(/res03.50/menu-sprite.png) no-repeat -327px -32px;
}

body.support #nav .support A {
background: url(/res03.50/menu-sprite.png) no-repeat -327px -64px;
}

/* Navigation: Menu - Try */
#nav .try A:link, #nav .try A:visited {
left: 405px;
width: 80px;
}

#nav .try A:hover, #nav .try A:focus {
background: url(/res03.50/menu-sprite.png) no-repeat -405px -32px;
}

body.try #nav .try A {
background: url(/res03.50/menu-sprite.png) no-repeat -405px -64px;
}



/* ======================

Inner section 

*/

#inner {
padding: 36px 15px 0 15px;
background: url(/res03.50/bg-inside-top.png) center top no-repeat;
}

.noselector #inner {
background: url(/res03.50/bg-content-top.png) top center no-repeat;
}

.noselector #spotlight .content-wrap1 {
border-width: 0;
}


/* Selector section */

#selector {
margin: 0px -12px 0px -12px;
padding: 5px 0 16px 30px;
background: url(/res03.50/bg-inside-middle.png) center repeat-y;
}

#selector .sectionname A {
font-family: Verdana, Helvetica, sans-serif;
font-size: 1.3em;
font-weight: bold;
float: left;
margin: 4px 20px 0 0;
color: #666;
text-decoration: none;
}

#selector .sectionname A:hover {
color: black;
}

#selector .menu {
float: left;
font-size: 1.1em;
margin: .6em 0 0 0;
}

#selector .menu LI  {
padding: .6em .6em;
}

#selector .menu A {
color: #666;
}

#selector .menu A:hover {
color: black;
}

#selector .menu LI.active { 
border: 1px solid black;
color: black;
}

#selector .menu LI.active A { 
color: black;
}

#selector .menu A.button {
padding: .2em .8em;
background: transparent url(/res03.50/button-bg.jpg) top left repeat-x;
color: black;
font-weight: bold;
}

#selector .menu A.button:hover {
background-color: black;
color: white;
text-decoration: none;
border: 0;
}

#selector .menu LI.active.button {
padding: 2px 8px;
background-color: #666;
color: white;
font-weight: bold;
border: 0;
}



/* Spotlight section */

#spotlight {
margin: 0 -12px;
padding: 0px 12px;
clear: both;
background: url(/res03.50/bg-content-middle.png) top center repeat-y;
}

#spotlight .content-wrap1 {
padding: 10px 12px;
border: solid #bbb;
border-width: 1px 0 0 0;
}

.noselector #spotlight .content-wrap1 {
xbackground: url(/res03.50/bg-content-swooshtop.png) top center no-repeat;
}

#spotlight IMG {
margin: -10px 0 0 -12px;
border: solid #bbb;
border-width: 0 0 1px 0;
}

#spotlight .doclink {
float: right;
margin: -5px 16px 0 0;
}

#spotlight .doclink A {
display: block;
height: 2.6em;
text-decoration: none;
color: #069;
padding: 0.6em 30px 0 0;
background: 100% 50% url(/res03.50/icon-pdf-tag.png) no-repeat;
}

#spotlight .doclink A:hover {
color: black;
}



/* See Also */

#seealso {
float: left;
width: 120px;
margin: 100px 0 0 -160px;
font-size: 0.9em;
color: #999;
}

#seealso P {
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 1px;
border: solid #ddd;
border-width: 0 0 1px 0;
margin: 0 0 1.4em 0;
}

#seealso UL LI {
margin: 0.4em 0 0 -1.4em;
list-style: none;
}

#seealso A {
color: #999;
text-decoration: none;
}

#seealso A:hover {
text-decoration: underline;
color: black;
}



/* Bottom section */

#bottom {
margin: 10px 4px 0 4px;
background: url(/res03.50/bg-footer-middle.png) repeat-y;
}

#bottom H3 {
height: 46px;
width: 920px;
background: url(/res03.50/bg-footer-top.png) no-repeat;
text-indent: -9999px;
}

#sitemap {
padding: 10px 15px 40px 15px;
background: url(/res03.50/bg-footer-bottom.png) left bottom no-repeat;
}

#sitemap DIV.section {
float: left;
width: 15%;
margin: 0 30px 0 8px;
}

#sitemap DIV A.section {
display: block;
margin: 0 0 5px 14px;
font-size: 1.1em;
font-weight: bold;
color: #666;;
text-decoration: none;
}

#sitemap DIV A.section:hover {
color: white;
}

#sitemap UL A {
color: #666;
}

#sitemap UL A:hover {
color: white;
}



/* ======================

Footer section 

*/

#footer {
width: 928px;
margin: 0 auto;
}

#copyright {
padding: 20px 0 10px 0;
text-align: center;
color: #999;
}



/* ======================

Thumbnail menu 

*/

.thumbmenu {
width: 250px;
float: right;
padding: 0 1px;
}

#middle .thumbmenu H3 {
font-size: 0.9em;
margin: 0 0 1em 0;
}

.thumbmenu UL {
margin: 0;
}

.thumbmenu LI {
list-style: none;
margin: 0 0 6px 0;
padding:1px 0;
background-color: #ddd;
}

.thumbmenu A {
position: relative;
display: block;
height: 4.5em;
margin: 0 -1px;
padding: 4px 4px 0 0;
font-size: 0.9em;
line-height: 1.3;
font-weight: bold;
color: black;
text-decoration: none;
background-color: #ddd;
}

.thumbmenu A:hover,
.thumbmenu LI.active,
.thumbmenu LI.active A {
color: white;
background-color: #aaa;
}

.thumbmenu LI:hover {
background-color: #aaa;
}

.thumbmenu IMG {
float: left;
margin: 0px 10px 0 4px;
}

.thumbmenu .time {
position: absolute;
right: 8px;
bottom: 4px;
color: #888;
font-size: 0.7em;
text-transform: uppercase;
}

.thumbmenu LI.active .time,
.thumbmenu LI:hover .time {
color: #444;
}



/* ======================

Video player in a popup

*/

#player .MultiBoxContainer {
background-color: black !important;
}