/**
 * @copyright 2008 BigBlueHat - all rights reserved - info@bigbluehat.com
 **/

*{margin:0;padding:0;}
html,body{height:100%;}
body{background:#fff url('../../media/images/dts/bg_gradient.jpg') repeat-x;font:11px Arial,sans-serif;line-height:16px;}
#bg-wrapper{background:url('../../media/images/dts/bg_clouds.jpg') no-repeat top center;height:100%;}
#doc{margin:0 auto;width:673px;min-height:100%;border-left:1px solid #ddd;border-right:1px solid #ddd;background-color:#fdfdfd;}
* html #doc{height:100%;}
h2{font-weight:normal;font-size:22px;padding-bottom:10px;margin-bottom:16px;border-bottom:1px solid #bbc2fb;}
h3{font-weight:normal;font-size:17px;padding-bottom:8px;}
h4,legend{font-weight:bold;font-size:13px;padding-bottom:6px}
p{padding-bottom:10px;}
.hidden,#nav ul li.hidden-page{display:none;}
em{font-style:italic;}
strong{font-weight:bold;}
.message{padding:2px 8px;color:#c00;font-weight:bold;border:1px solid #900;background:#eee}
#hd{width:674px;height:141px;}
#hd h1{background:url('../../media/images/dts/header.jpg') no-repeat top center;font-size:1px;height:0;padding-top:113px;overflow:hidden;}
#nav{background:url('../../media/images/dts/bg_nav.jpg') repeat-x;width:673px;height:28px;}
#nav ul{padding-top:0;margin-left:12px;list-style:none;}
#nav ul li{float:left;}
#nav ul li a{float:left;height:21px;font-size:13px;text-decoration:none;color:#eee;padding:7px 12px 0;}
#nav ul li a:hover,#nav ul li.current a{background:url('../../media/images/dts/bg_nav_over.jpg') repeat-x;}
.header-image{margin-top:5px;text-align:center;}
.header-image img{padding:2px;border:1px solid #ddd;}
#bd{position:relative;}
#left_column{width:170px;float:left;}
#side_nav{padding-top:20px;}
#side_nav ul{margin-left:20px;list-style:none;line-height:18px;}
#side_nav ul a{text-decoration:none;color:#00b;font-size:13px;}
#side_nav ul a:hover{color:#03f;}
#side_nav ul li.current > a{font-weight:bold;}
#side_nav ul ul{margin-left:8px;}
#yui-main{}
.narrow{float:right;width:500px;}
#copy{padding:0px 15px;}
#copy,#right_column{color:#333;padding:20px 20px 40px;}
#copy a{color:#00b;text-decoration:none;}
#copy a:hover{text-decoration:underline;}
#copy img{border-width:0;}
#copy ul li,#copy ol li{margin:0 20px}
#copy form{margin-top:8px}
#copy form div.required,#copy form div.optional,#copy form div.fbutton{clear:both}
#copy form div.required{font-weight:bold}
#copy form label{display:block;width:160px;float:left}
#copy form .required input,#copy form .optional input,#copy form textarea{border:1px solid #888;
padding:2px 4px;margin-bottom:4px;font-size:11px;float:left}
#copy .required input,#copy .optional input{width:200px}
.reqfield{color:#c00;float:left;margin-left:8px}
#copy input.smallbox{width:40px}
#copy fieldset{margin-bottom:4px;border-width:0;clear:both;}
#copy fieldset .required input,#copy fieldset .optional input{width:auto;margin:0 4px 0 0;
padding:0;line-height:20px}
#copy fieldset label{display:inline;margin:0;padding:0;line-height:20px}
#copy form textarea{height:100px;width:220px}
#copy form select{border:1px solid #888;font-size:11px;margin-bottom:4px;float:left}
#copy form option{font-size:11px;padding-right:10px}
#copy form h4,#copy form legend{padding-top:12px;clear:both}
#copy form div.fbutton input{border:1px solid #888;background:#eee;color:#444;padding:1px 4px}
#ft{clear:both;color:#777;margin:2px;height:30px;}
#copyright{float:left;margin-left:20px;}
#credits{float:right;margin-right:20px;}
.bigbluehat a{color:#000052;text-decoration:none;}
.bigbluehat a em{color:#6bc7ff;font-style:normal;}