/* UKOnline Stylesheet */

@import "/css/topnav.css";

/* color reference
#darkgrey (body text): #666666
#blue (heading text):  #02B6D7
#purple (action color): #9950B2 */

/* *******************************************************************************
 Layout Elements */
 
body{background:url(/images/bg_gradient.gif) repeat-x; margin:0 auto; padding:0; width:800px}

#topshadow{background:transparent url(/images/shadow_top.gif) no-repeat scroll left bottom; padding:0px; margin:0px; width:800px}

#header{background:url(/images/shadow_top_sides.gif) repeat-y; padding:0px 16px 0px 16px; margin:0px 0px 0px 0px; width:768px}

#main{background:url(/images/shadow_middle_gradient.gif) no-repeat; padding:0px 16px 0px 16px; width:768px}

#shadow_middle{background:url(/images/shadow_middle_generic.gif) repeat-y; width:800px; padding:0px 0px 0px 0px}

#leftcol{float:left; width:193px; padding:0}

.leftbanner_img{float:left; padding-bottom:20px}

/* IE 6 Bug fix */
#leftcol img{float:left}

#contentwrapper{float:left; width:575px}

#topbanner{/*width:575px; */width:auto}

/* IE 6 Bug fix */
#topbanner img{float:left}

.borderbottom{border-bottom:#666 solid 2px}

#content{float:left; width:745px; margin:0px 20px 10px 0px; padding-bottom:10px;}

#homecontent{float:left; width:362px;}

#rightcol{float:right; width:203px;}

#footer{clear:both; background:transparent url(/images/shadow_bottom_sides.gif) repeat-y; padding:0px 16px 0px 16px; width:768px; height:35px;}

#bottomshadow{background:transparent url(/images/shadow_bottom.gif) no-repeat; clear:both; width:800px; /*height:9px; /* */}

.seotext{ float:left;width:0px;height:0px;text-decoration:none;text-indent:-900em; }
#content .seoheading h1, #homecontent .seoheading h1 { color:#FFF; float:left;width:0px;height:0px;text-decoration:none;text-indent:-900em; padding:0; margin:0px 0px -30px 0px; }
#content .seoheading h2, #homecontent .seoheading h2 { color:#FFF; float:left;width:0px;height:0px;text-decoration:none;text-indent:-900em; padding:0; margin:0px 0px -30px 0px; }

/* *********************************************************************
global classes */

.img-left{float:left; margin:10px 0px 10px 10px}
.img-right{float:right; margin:0px 10px 10px 0px}
 
.nopadding{padding:0}
.noindent{margin-left:0; padding-left:0}
.nobullet{list-style:none; list-style-image:none}

#clear, .clear{clear:both}

.floatleft{float:left}
.floatright{float:right}

.text-left{text-align:left}
.text-right{text-align:right}
.text-center, .center{text-align:center}
.text-justify{text-align:justify}

.underline{text-decoration:underline}

.marginbottom5px{margin:0px 0px 5px 0px}
.marginbottom10px{margin:0px 0px 10px 0px}
.margintop0{margin-top:0px}

.bold{font-weight:bold}
.italic{font-style:italic; color:#999}
.bigbold{font-weight:bold; font-size:20px}

.blue{color:#02b6d7}
.bluebold{color:#02b6d7; font-weight:bold}
.purplebold{color:#9950b2; font-weight:bold}

.bottomspace{margin:0px 0px 10px 0px; clear:both; height:1px}


/* *******************************************************************************************
 Content Styles*/
 
#content h1, #homecontent h1 {margin:10px 20px 10px 20px;}
#content h3, #homecontent h3 {font-family:Verdana,Arial,Helvetica,sans-serif; color:#666666; font-size:14px; font-weight:bold; margin:10px 20px; text-decoration:none; display:block;}
#content h2, #homecontent h2 {font-family:Verdana,Arial,Helvetica,sans-serif; color:#02B6D7; font-size:14px; font-weight:bold; margin:10px 20px; text-decoration:none; display:block;}
#content h4, #homecontent h4 {font:11px Verdana,Arial,Helvetica,sans-serif; color:#666; font-weight:bold; margin:10px 20px;}
#content h5, #homecontent h5 {font-family:Verdana,Arial,Helvetica,sans-serif; color:#666666; font-size:13px; font-weight:bold; margin:10px 20px; text-decoration:none; display:block;}
.subheading{font-family:Verdana,Arial,Helvetica,sans-serif; color:#02B6D7; font-size:14px; font-weight:bold; margin-left:25px}

.bluetext{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#02B6D7}
.bluetextnorm{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#02B6D7}
.bluetextsitemap{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#02B6D7; margin:0px 0px}
.bluetextsitemapsmall{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; color:#02B6D7; margin:0px 0px}

#content p, #homecontent p{margin:10px 20px 10px 20px; font:11px Verdana,Arial,Helvetica,sans-serif; color:#666}

#content .bluebold {color:#02B6D7; font-weight:bold}
#content .redbold, #content .error{color:#FF0B6D}

.smalltext{margin:10px 10px 10px 10px; font:60% Verdana,Arial,Helvetica,sans-serif; color:#999}

#content ul, #homecontent ul{font:11px Verdana,Arial,Helvetica,sans-serif; list-style:disc; color:#666; line-height:19px; margin-right:20px}
#content ol, #homecontent ol{font:11px Verdana,Arial,Helvetica,sans-serif; color:#666; margin:0px 20px 0px 45px; font-weight:bold; padding:0;}

.top a:link, .top a:visited {margin-right:10px; float:right; color:#9950B2; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-weight:bold; font-size:70%}
.top a:hover, .top a:active {float:right; text-decoration:underline; color:#9950B2}

a:link, a:visited {color:#02B6D7; font-family:Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-weight:bold}
a:hover, a:active {text-decoration:underline; color:#02B6D7}

.keyline {display:block; height:2px; line-height:2px; border-bottom:solid #02b6d7 1px; margin:5px 5px 5px 5px;}

.surveytable { margin: 0px 20px 0px 20px;  }
.compare {background-color:#5acfe5; color:#FFFFFF; text-align:center; }
.firstcol {background-color:#fafafa; margin:20px 20px; font:70% Verdana,Arial,Helvetica,sans-serif; color:#666; }
.restcols {background-color:#f2f2f2; text-align:center; }
.leftcols {background-color:#f2f2f2; text-align:left; }
img { border:none; }
/* ********************************************************************************************** 
content form styles */

.content_formfield{float:right; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; color:#666; border:1px solid #666; width:110px; height:14px; vertical-align:middle; padding:0px; margin-right:40px}
.maccontainer{float:left; margin-left:10px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; width:333px}

/* **********************************************************************
footer styles*/

#bottomnav {border-top:#02B7D6 solid 4px; font-family:Verdana,Arial,Helvetica,sans-serif; color:#999; font-size:10px; vertical-align:middle; line-height:30px; padding:0px 7px}

#bottomnav ul{margin:0px; padding:0px; list-style-image:none; list-style-position:outside; list-style-type:none}

#bottomnav li{float:left}

#bottomnav p{float:right; margin:0px; padding:0px}

#bottomnav a:link, #bottomnav a:visited {font-family:Verdana,Arial,Helvetica,sans-serif; color:#999; font-size:10px; text-decoration:none; font-weight:normal}

#bottomnav a:hover, #bottomnav a:active {color:#02B6D7; text-decoration:underline; font-weight:normal}

/* form styles ********************************** */
.form{ font:11px Verdana,Arial,Helvetica,sans-serif; color:#666; margin:10px 20px; width:550px; line-height:16px; vertical-align:middle; padding:0; }
.form label{ font:11px Verdana,Arial,Helvetica,sans-serif;float:left; width:210px; font-weight:bold; color:#02B6D7; text-align:right; margin:5px 10px 0px 0px; line-height:16px; vertical-align:middle; padding:0; }
.form input { font:13px Verdana,Arial,Helvetica,sans-serif; color:#666; float:left; width:180px; margin:5px 10px 0px 0px; line-height:16px; vertical-align:middle; padding:0; border:1px inset #666666; }
.form select { font:13px Verdana,Arial,Helvetica,sans-serif; color:#666; float:left; width:185px; margin:5px 10px 0px 0px; line-height:16px; vertical-align:middle; padding:0; border:1px inset #666666; }