/***********************************************************************************
 * Common Styles
 ***********************************************************************************/
@font-face {font-family: 'Miso';src: url('/resources/styles/webfonts/23940C_0_0.eot');src: url('/resources/styles/webfonts/23940C_0_0.eot?#iefix') format('embedded-opentype'),url('/resources/styles/webfonts/23940C_0_0.woff') format('woff'),url('/resources/styles/webfonts/23940C_0_0.ttf') format('truetype');}

/* resets */
* { margin: 0; padding: 0; border: 0; vertical-align: baseline;  font-family: Assistant, Arial, Helvetica, sans-serif; font-size: inherit;  }
body { color: #626262; font-size: 1em; background-color:white;  }

/* headings and text */
h1, h2, h3, h4, h5, h6 { font-family: "Assistant", sans-serif; }
h1 { font-size: 36px; color:#666666; font-weight:700; margin:10px 0 5px 0; }
h2 { font-size: 24px; color:#253b7d; font-weight:400;}
h3 { font-size: 16px; color:#253b7d; font-weight:400; margin: 8px 0 4px 0; }
h4 { font-size: 16px; margin: 10px 0 5px 0; }
h5 { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #626262; }
ul { margin-left:20px; }
ul img {padding-bottom:15px;} 
ol {margin-left:20px;}
ol img {padding:10px 0 15px 0;}
p { line-height: 15px; margin-bottom:10px; color:#626262; font-weight:lighter;}
hr { color: #fff; background-color: #fff; border: 1px solid #E0E0E0;border-style: none none solid;margin: 20px 0px;}
table {border:none; margin: 10px 5px 10px 5px;}
table th {font-size:18px; padding: 0 10px 0 10px; text-align:center;}
table td {text-align:center; padding: 2px 8px 2px 8px;}
img {border:none; }
img.screenshot {margin: 10px 0 10px 0;}
input[type=button], 
input[type=submit], 
button { cursor: pointer; text-decoration: none; display: inline-block; background-color: #ddd; padding: 2px 4px; border: 1px solid #aaa; }
textarea,
input[type=text],
input[type=password] { background-color: #fff; padding: 2px 4px; border: 1px solid #aaa; }

a {color:#1face1;}
a:hover {color:#0693e3;}

table.features {border: none; margin-top:15px; margin-bottom:15px;}
table.features th {font-size:18px; padding: 0 10px 0 10px;}
table.features td {text-align:center; padding: 10px 10px 10px 10px;}
table.features img {padding-top:10px;}
table.features ul li {vertical-align: top; list-style-type: none;}

table.old { border: 1px solid #A7AC9E; width: 60%; margin: 15px auto; }
table.old th { background-color:white; text-transform: uppercase; padding: 5px 10px; text-align: center;  font-size: 14px;}
table.old td { padding:5px 10px;vertical-align:middle;}
table.old td.alt {background-color: white; }


img.center {display:block; margin-left:auto; margin-right:auto;}
#center {display: table; margin: 0 auto; margin-top:10px; margin-bottom:10px;}
.left {float:left; padding:0 25px 0 0;}
.right {float:right; padding:0 0 0 25px;}
.top-pad{padding:10px 0 0 0;}
ul.multiline li{padding-bottom:12px;}
p.subscript { color: #222222; font-size: 12px; margin-top:-12px; margin-left:10px; padding-bottom:15px;}
.subscript {margin-top:-12px;}

.contact-form label { display: block; margin-top: 15px; font-weight:bold; }
.contact-form { padding: 20px; padding-top: 5px; border: 1px dotted; }
.contact-form { padding: 20px; padding-top: 5px; border: 1px dotted; }

.white-box { background-color: #FCFCFC; padding: 4px; }

/***********************************************************************************
 * Main.Master Layout Styles
 ***********************************************************************************/
#header-container { background-color:#FCFCFC; }
#header-container .header-contents { width: 955px; height: 90px; margin: 0px auto; padding: 10px 0px 0px 5px; position: relative; }
#header-container .header-search {position: absolute; right:120px; top: 15px; }
#header-container #cse-search-box input[name=q] { background-color: #3B393E !important; background-image: none !important; color: #DDD !important; }
#header-container #cse-search-box input[name=sa] { background-color: #5DA037 !important; background-image: none !important; color: #DDD !important; margin-left: -4px; }
#header-container .header-languages { position: absolute; right:9px; top: 3px; }
#header-container .header-logo { display: block; position: absolute; }
#header-container .header-logo img { width:181px; height: 77px; }
#header-container #download-link { display:block; position:absolute; right:60px; bottom:0; width: 191px; height:50px; }

#header-container .header-navigation ul  { list-style:none; position:relative; margin:0; padding:0; }
#header-container .header-navigation > ul  { position: absolute; left: 210px; top: 60px; }
#header-container .header-navigation > ul > li  { display: inline-block; color:#FFF; text-transform:uppercase; float:left; border-left: 1px solid #999; font-family: "Assistant", sans-serif; font-size: 16px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.5); }
#header-container .header-navigation > ul > li:first-child { border-left:0; }
#header-container .header-navigation > ul > li:hover { background-color: #5DA037;  }
#header-container .header-navigation > ul > li a { color: #666; text-decoration: none; padding: 3px 10px;  }
#header-container .header-navigation > ul > li a:hover, 
#header-container .header-navigation > ul > li a:active,
#header-container .header-navigation > ul > li:hover a{ color: #FFF;   }
#header-container .header-navigation ul ul { z-index: 1000; display:none; min-width:200px; position:absolute; top:100%; padding:0; background:#8FAD00; opacity: 0.98; }
#header-container .header-navigation ul ul li a { color: #FFF; display: block; height: 30px; padding-top: 10px; font-size: 18px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.5); }
#header-container .header-navigation ul ul li a:hover { color: #2B8015; }
#header-container .header-navigation ul li:hover > ul { display:block; }
/*
#header-container .header-navigation > ul > li:last-child { display:block; border-left:none; margin-left:10px; font-size: 22px;  color: #FFF;  background:#8FAD00 }
#header-container .header-navigation > ul > li:last-child a { color: inherit; }
*/

/*EBEBE1 */
#body-container { background-color: #F2F2EE;   }
#body-container #main-content { width: 950px; margin: 0 auto; padding: 20px 0; } 
#body-container #breadcrumb ul li a:hover, #breadcrumb ul li a:active{ color: #82B421; }
#body-container #breadcrumb { margin: 0 auto; padding: 0px 0px 0px 51px;  background-repeat: no-repeat; width: 955px; height: 25px; }
#body-container #breadcrumb ul {clear: both; float: left; margin: 5px 0; padding: 0; height: 20px; border-bottom: 1px solid #E7E765; }
#body-container #breadcrumb ul li { display: -moz-inline-box;display: inline-block;padding-right: 20px;font-size:13px; padding: 0px 12px;float:left; }
#body-container #breadcrumb ul li a { text-decoration: none; color: black; }


#footer-container { clear: both; width: 750px; margin: 0 auto; padding: 20px 5px; border-top: 1px solid #B1B0A7 }
#footer-container #footer-navigation { height: 180px; }
#footer-container #footer-navigation > div { float: left; width: 180px; }
#footer-container #footer-navigation ul li { display: block; color:#333; padding-right: 15px;font-size:12px;padding-top: 5px; }
#footer-container #footer-navigation a { color:#666; text-decoration: none; }
#footer-container #footer-navigation a:hover, 
#footer-container #footer-navigation a:active { text-decoration:underline; }
#footer-container #footer-navigation p { font-size:10px; float: right; color:white; }
#footer-container #footer-navigation img { padding-left: 3px; }
#footer-container #footer-navigation h6 { padding-left: 3px; font-size: 15px; border-bottom: 2px solid rgba(226,234,77,.5); /* #E2EA4D*/ font-weight: normal; text-transform: uppercase; }
#footer-container > p { clear: both; text-align: right; font-size: 10px; color: #666; padding-right: 150px; }
#footer-container > p a,
#footer-container > p a:visited { color: #666; text-decoration: none; }
#footer-container > p a:hover { color: #666; text-decoration: underline; }