﻿body {background-color:#f0f0f0;}

#top_area {width: 995px; position: relative; text-align: left; margin: 0px auto; background-color:White; padding-left:10px; padding-right:10px; padding-bottom:15px; }
#header {vertical-align:baseline;}
#header h3 {font-size:28px; font-family:Arial, Helvetica, sans-serif; margin:0 auto;}
#header h4 {font-size:16px; font-family:Arial, Helvetica, sans-serif; color:Black;}
#header_span {font-size:12px; font-family:Arial, Helvetica, sans-serif; float:right; text-align:right; padding-right:8px; padding-top:3px;}
#header_span a {color:black; text-decoration:none;}
#header_span a:hover{ text-decoration:underline; color:#188fc3;}
#header_ri{font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }

/* Navication */
#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(images_menu/three_0.png) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left; height:38px;}
#nav li.topa {display:block; float:right; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 8px; cursor:pointer;background: url(images_menu/three_0.png);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(images_menu/three_0.png) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(images_menu/three_0a.png) no-repeat right top;}
#nav li:hover a.top_link {color:#fff; background: url(images_menu/three_1.png) no-repeat;}
#nav li:hover a.top_link span {background:url(images_menu/three_1.png) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(images_menu/three_1a.png) no-repeat right top;}
#nav li:hover {position:relative; z-index:200;}
#nav li:hover ul.sub {left:1px; top:38px; background: #c0c0c0; padding:3px; border:1px solid #1e4073; white-space:nowrap; width:90px; height:auto; z-index:300;}
#nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav li:hover ul.sub li a {display:block; font-size:11px; height:18px; width:88px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #c0c0c0;}
#nav li ul.sub li a.fly {background:#c0c0c0 url(images_menu/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover {background:#2c4e81; color:#fff; border-color:#fff;}
#nav li:hover ul.sub li a.fly:hover {background:#2c4e81 url(images_menu/arrow_over.gif) 80px 6px no-repeat; color:#fff;}
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul {left:90px; top:-4px; background: #c0c0c0; padding:3px; border:1px solid #1e4073; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly {background:#2c4e81 url(images_menu/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 
#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly {background:#c0c0c0 url(images_menu/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#c0c0c0;} 

#cse {width: 300px;}

/* Navication End */

/* Boxes Default */
#custom { width:100%; overflow:hidden;}
#custom .block-block { float:left; width:199px;}
#custom .block-block .title { padding:11px 24px 0px 20px;}
#custom .block-block .title h3 {color:#FFF; border-bottom:1px solid #FFF; font-size:13px; font-weight:bold; line-height:18px; background:none; font-family:Arial, Helvetica, sans-serif; text-transform:none; padding:10px 0px 10px 1px;}
#custom .block-block .content {padding:19px 30px 9px 20px; line-height:18px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#custom .block-block a { display:block; background:url(images/bg-more.gif) top left no-repeat; width:46px; padding:3px 0px 2px 0px; text-align:center; text-decoration:none; color:#444444; font-size:13px; margin:21px 0px 0px 113px;}
#custom .block-block a:hover { color:#188fc3}
#custom #block-block-14 { background:url(images/bg-block.gif) bottom left no-repeat #005478}
#custom #block-block-14 .content { color:#72a4ff;}
#custom #block-block-15 { background:url(images/bg-block2.gif) bottom left no-repeat #21cda4}
#custom #block-block-15 .content { color:#063e2e;}
#custom #block-block-16 { background:url(images/bg-block3.gif) bottom left no-repeat #e7f245;}
#custom #block-block-16 .title h3 { color:#909525;}
#custom #block-block-16 .content { color:#616c01;}
#custom #block-block-17 { background:url(images/bg-block4.gif) bottom left no-repeat #fff51c}
#custom #block-block-17 .title h3 { color:#9e9712;}
#custom #block-block-17 .content { color:#948c06;}
#custom #block-block-18 { background:url(images/bg-block5.gif) bottom left no-repeat #feac00}
#custom #block-block-18 .content { color:#a14a06;}
#custom #block-block-14 strong, #custom #block-block-15 strong, #custom #block-block-18 strong { color:#FFF}
.block .content { padding:5px 25px 10px 25px; overflow:hidden; text-align:left;}
.blocks div { background:url(images/bg-blocks.html) top repeat-x #fafafa; width:209px; float:left; overflow:hidden;}
.blocks div a { color:#1579d9;}
.block .title { padding:0; width:100%;}
/* Boxes End */

/* Boxes Other Pages */
#custom_child { width:100%; overflow:hidden;}
#custom_child .block-block { float:left; width:199px;}
#custom_child .block-block .title { padding:11px 24px 0px 20px;}
#custom_child .block-block .title h3 {color:#FFF; border-bottom:1px solid #FFF; font-size:13px; font-weight:bold; line-height:18px; background:none; font-family:Arial, Helvetica, sans-serif; text-transform:none; padding:10px 0px 10px 1px;}
#custom_child .block-block .content {padding:0px 30px 9px 20px; line-height:18px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#custom_child .block-block a { display:block; background:url(images/bg-more.gif) top left no-repeat; width:46px; padding:3px 0px 2px 0px; text-align:center; text-decoration:none; color:#444444; font-size:13px; margin:0px 0px 0px 113px;}
#custom_child .block-block a:hover { color:#188fc3}
#custom_child #block-block-14 { background:url(images/bg-block.gif) bottom left no-repeat #005478}
#custom_child #block-block-14 .content { color:#72a4ff;}
#custom_child #block-block-15 { background:url(images/bg-block2.gif) bottom left no-repeat #21cda4}
#custom_child #block-block-15 .content { color:#063e2e;}
#custom_child #block-block-16 { background:url(images/bg-block3.gif) bottom left no-repeat #e7f245}
#custom_child #block-block-16 .title h3 { color:#909525;}
#custom_child #block-block-16 .content { color:#616c01;}
#custom_child #block-block-17 { background:url(images/bg-block4.gif) bottom left no-repeat #fff51c}
#custom_child #block-block-17 .title h3 { color:#9e9712;}
#custom_child #block-block-17 .content { color:#948c06;}
#custom_child #block-block-18 { background:url(images/bg-block5.gif) bottom left no-repeat #feac00}
#custom_child #block-block-18 .content { color:#a14a06;}
#custom_child #block-block-14 strong, #custom_child #block-block-15 strong, #custom_child #block-block-16 strong, #custom_child #block-block-18 strong { color:#FFF}
.block .content { padding:0px 25px 0px 25px; overflow:hidden; text-align:left;}
.blocks div { background:url(images/bg-blocks.html) top repeat-x #fafafa; width:209px; float:left; overflow:hidden;}
.blocks div a { color:#1579d9;}
.block .title { padding:0; width:100%;}
/* Boxes End */

#defaultcontent {width: 995px; position: relative; text-align: left; margin: 0px auto; background-color:White; padding:10px; top:10px; overflow:hidden;}

#defaultcontent h3 {font-size:30px; font-family:Arial, Helvetica, sans-serif; text-align:left; padding-top: 0; padding-left: 20px; margin:0px;}
#defaultcontent h4 {font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:15 0 0 20px; margin:0px; color:#a1a1a1; }
#defaultcontent p {font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0px 10px 0px 10px; }
#defaultcontent #subhead {padding:0 0 0 60px;}

#defaultcontect .readm_more {display:inline-block; margin-bottom:10px;}
#defaultcontent .readme_img {float:left; border-style:none;}
#defaultcontent .readme_link {text-decoration: underline; color: #444444; font-size: 13px; padding-left:5px; font-family:Arial, Helvetica, sans-serif;}
#defaultcontent a:hover {color:#188fc3}

.defaultcontent_text_right {margin-left:375px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#defaultcontent_bottom_left{float:left; width:315px; height:410px; background:#f8f8f8; margin:0px; padding:0px; border:solid 1px #c5c5c5; font-family:Arial, Helvetica, sans-serif;}
#defaultcontent_bottom_center{float:left; width:315px; height:410px; background:#f8f8f8; margin:0 0 0 22px; padding:0px; border:solid 1px #c5c5c5; font-family:Arial, Helvetica, sans-serif;}
#defaultcontent_bottom_right{float:right; width:315px;height:410px; background:#f8f8f8; margin:0px; padding:0px; border:solid 1px #c5c5c5; font-family:Arial, Helvetica, sans-serif;}

#defaultcontent_bottom_col_left{float:left; width:485px;  background:#f8f8f8; margin:0px; padding:0px; border:solid 1px #c5c5c5; font-family:Arial, Helvetica, sans-serif;}
#defaultcontent_bottom_col_right{float:right; width:485px; background:#f8f8f8; margin:0px; padding:0px; border:solid 1px #c5c5c5; font-family:Arial, Helvetica, sans-serif;}

#defaultcontent_bottom_left_toprow{float:left; width:315px; height:250px; background:#f8f8f8; margin:0px; padding:0px; border:solid 1px #c5c5c5; font-family:Arial, Helvetica, sans-serif;}
#defaultcontent_bottom_center_toprow{float:left; width:315px; height:250px; background:#f8f8f8; margin:0 0 0 22px; padding:0px; border:solid 1px #c5c5c5; font-family:Arial, Helvetica, sans-serif;}
#defaultcontent_bottom_right_toprow{float:right; width:315px;height:250px; background:#f8f8f8; margin:0px; padding:0px; border:solid 1px #c5c5c5; font-family:Arial, Helvetica, sans-serif;}

#defaultcontent_bottom_left_bottomrow{float:left; width:315px; height:250px; background:#f8f8f8; margin-top:20px; padding:0px; border:solid 1px #c5c5c5; font-family:Arial, Helvetica, sans-serif;}
#defaultcontent_bottom_center_bottomrow{float:left; width:315px; height:250px; background:#f8f8f8; margin:20px 0 0 22px; padding:0px; border:solid 1px #c5c5c5; font-family:Arial, Helvetica, sans-serif;}
#defaultcontent_bottom_right_bottomrow{float:right; width:315px;height:250px; background:#f8f8f8; margin-top:20px; padding:0px; border:solid 1px #c5c5c5; font-family:Arial, Helvetica, sans-serif;}


.span_indent {padding-left:22px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.vtd{ font-weight:bold; color:#004968;}
.env{ font-weight:bold; color:#004968;}

#changelog {width: 995px; position: relative; text-align: left; margin: 0px auto; background-color:White; padding:10px; top:10px; overflow:hidden; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.defaultcontent_text_history {margin-left:420px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

#changelog h3 {font-size:30px; font-family:Arial, Helvetica, sans-serif; text-align:left; padding-top: 0; padding-left: 20px; margin:0px;}
#changelog h4 {font-size:18px; font-family:Arial, Helvetica, sans-serif; text-align:left; padding:15 0 0 20px; margin:0px; color:#a1a1a1; }

table.env_table {font-family:Arial, Helvetica, sans-serif; font-size:12px; width:485px;  text-align:center; }
table.env_table td {height:150px;}


/* footer */
#footer {color:#b2b2b2; font-size:14px; font-weight:normal; text-transform:none; text-align:left; width:1015px; overflow:hidden; position:relative; top:10px; margin:0 auto;}
/*.foot { text-align:right; margin:0 auto; width:995px; padding:15px 0px 30px 0px; background:url(images/bg-bot.gif) top repeat-x;}*/
#footer hr {width:1015px;}
#footer a {color:#b2b2b2; text-decoration:none;}
#footer a:hover{ text-decoration:underline;}
#footer .foot span {padding-right:1px;}
/* footer end */
