/*-------- Global CSS Reset --------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}a img{border:0;}
img, object, embed { max-width: 100%;}
img { height: auto;}

/*-------- Design style --------*/
.floatl{ float:left;}
.floatr{ float:right;}
.skin_width {width:100%;max-width:960px;min-width:760px;margin:0 auto; position:relative;}
#skin_wrap {width:100%; position:relative;z-index:1;}
.skin_main_bg { background:url(../images/body_bg.jpg) repeat-x top #FFFFFF; }
.skin_top_bg { background:url(../images/body_top.png) no-repeat center top; min-height:200px; }
.skin_main { position:relative; top:50px; margin-bottom:-157px; }
.main_left_top { background:url(../images/main_left_top.png) no-repeat left 15px; margin-left:-16px; margin-right:-16px; position:relative; zoom:1;}
.main_left_bottom { background:url(../images/main_left_bottom.png) no-repeat left bottom; }
.main_right_top { background:url(../images/main_right_top.png) no-repeat right 15px; }
.main_right_bottom { background:url(../images/main_right_bottom.png) no-repeat right bottom; padding:0 16px; }
.main_style { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; background:#F3F3F3; -webkit-box-shadow:0px 0px 8px 0px rgba(0, 0, 0,0.5);-moz-box-shadow:0px 0px 8px 0px rgba(0, 0, 0,0.5);box-shadow:0px 0px 8px 0px rgba(0, 0, 0,0.5); }
.skin_bottom_bg { background:url(../images/body_bottom_bg.jpg) repeat-x top #C32F30; min-height:207px; }
.main_bottom_left { background:url(../images/main_bottom_left.png) no-repeat left top; margin-left:-10px; margin-right:-10px; position:relative; zoom:1;}
.main_bottom_right { background:url(../images/main_bottom_right.png) no-repeat right top; padding:0 10px; }
.main_bottom_center { background:url(../images/main_bottom_center.png) repeat-x top; margin:0 370px; min-height:150px; }

.skin_header { min-height:100px; position:relative;z-index:999; }
.logo_style { padding:10px;}
.headerpane_style {padding:50px 10px 4px 20px; text-align:center; min-width:100px;}
.user_style { position:absolute; right:12px; top:10px; padding:0; }
.search_style { position:absolute; right:12px; bottom:12px; }
.breadcrumb_bar { padding:2px 10px; }
.breadcrumb_style {float:left; color:#000000; line-height: 22px;}
.back_style .back { float:right; background:url(../images/back.png) no-repeat 5px center #303030; padding-left:3px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display: block; width:55px; height:22px; line-height: 22px; font-size:12px; text-align:center; cursor: pointer; color:#FFFFFF;}

.menu_left { background:url(../images/menu_left.png) no-repeat left top; margin:-8px -21px 0 -18px; position:relative; zoom:1; z-index:905;}
.menu_right { background:url(../images/menu_right.png) no-repeat right top; padding:8px 21px 0 18px; }
.skin_menu { background:url(../images/menu_bg.jpg) repeat-x top; min-height:50px; position:relative; }
.home_style { position:absolute; left:2px; top:13px; background:url(../images/home_icon.png) no-repeat left center; height:22px; width:26px; cursor:pointer; }
.menu_style { padding-left:30px;}
.menu_bottom { background:url(../images/menu_bottom.jpg) repeat-x top; height:6px;}

.banner_style { min-height:0;}
.skin_content{ padding:10px 10px 0 10px; min-height:300px;}

.skin_footer { background:url(../images/footer_top.jpg) no-repeat center top; height:50px; padding-top:20px;}
.copyright_style { float:left; padding:12px 10px 0 10px; color:#000000;}
.privacy_style { float:right; padding:12px 10px 0 10px; color:#000000;}

/*--------- Menu style ----------*/
#standardMenu ul {  list-style:none; margin:0; padding:0; }
#standardMenu .rootMenu{ position:relative; *z-index:903;}
#standardMenu .rootMenu li{float:left; list-style-type:none;position:relative;}

#standardMenu .rootMenu li a{ background:url(../images/menu_line.jpg) no-repeat right top; display:block; color:#ffffff; white-space:nowrap; font-size:12px; font-weight:bold; text-transform:uppercase; cursor:pointer; }
#standardMenu ul li.last a{background:none;}
#standardMenu ul li a:hover { text-decoration:none; }

#standardMenu .rootMenu li a span {display:block; padding:0 18px; height:50px; line-height:50px; margin-right:3px;}
#standardMenu .rootMenu li.selected a span, #standardMenu .rootMenu li.breadcrumb a span, #standardMenu .rootMenu li.rmHover a span, #standardMenu .rootMenu li:hover a span, #standardMenu .rootMenu li a:hover span{ text-decoration:none; background:url(../images/menu_sel.jpg) repeat-x; }

/*-- submenu --*/
#standardMenu .subMenu {position:absolute;top:50px;z-index:1210;width:170px; display:none;padding:0;border:#999 solid 1px;}
#standardMenu .rootMenu li.rmHover .subMenu { display:block; white-space:nowrap;}
#standardMenu .subMenu ul{ margin:0; padding:0; position:relative; z-index:1200; }
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; *margin-bottom:-3px;}
#standardMenu .subMenu li.item a{ border-bottom: solid 1px #999; padding:0; background:#333333; filter:Alpha(Opacity=88); opacity:0.88;}
#standardMenu .subMenu li.last > a{ border-bottom: none; }
#standardMenu .subMenu li.item a span{ display:block; background:none; font-size:12px; color:#ffffff; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 35px 0 15px; text-transform:none; margin:0;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.item a:hover span { background:#C32F30; color:#ffffff; cursor:pointer; }
#standardMenu .subMenu li.haschild > a { background:url(../images/menu-arrow02.gif) no-repeat right center #333333;}
#standardMenu .subMenu li.selected.haschild > a span,#standardMenu .subMenu li.breadcrumb.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background:url(../images/menu-arrow02.gif) no-repeat right center #C32F30; }

#standardMenu .subMenuRight{ display:none; position:absolute; left:170px; width:170px; top:-1px; margin:0; border:#999 solid 1px; }
#standardMenu .subMenu li.rmhover > .subMenuRight{ display:block; }

#standardMenu img.mmIcon {max-height:24px; margin-right: 7px; vertical-align: middle;}
#standardMenu img.rootIcon {max-height:30px; margin-right: 6px; vertical-align: middle;}

/*--------- Pane Style ----------*/
.DNNEmptyPane{ display:none!important;}
.dnnpanes{ clear:both;}
.bannerpane { padding:5px; color:#FFFFFF;}
.bannerpane p{ margin:0; }
.headerpane {padding:0; margin:0;}

.h_toppane {padding:5px 0;margin:0;}
.h_topleftpane {width:49.2%;padding:5px 0;margin:0;}
.h_toprightpane {width:49.2%;padding:5px 0;margin:0;}
.h_contentpane{padding:5px 0;margin:0;}

.h_leftpane {width:32.2%;padding:5px 0;margin:0;}
.h_centerpane {width:32.2%;margin-left:1.7%;padding:5px 0;}
.h_rightpane {width:32.2%;padding:5px 0;margin:0;}
.h_contentpane2{padding:5px 0;margin:0;}
.h_boxapane {width:23.8%;padding:5px 0;margin:0;}
.h_boxbpane {width:23.8%;margin-left:1.6%;padding:5px 0;}
.h_boxcpane {width:23.8%;margin-left:1.6%;padding:5px 0;}
.h_boxdpane {width:23.8%;padding:5px 0;margin:0;}
.h_bottompane {padding:5px 0;margin:0;}

.i1_contentpane {padding:5px 0;margin:0;}
.i1_leftpane {width:32.2%;padding:5px 0;margin:0;}
.i1_centerpane {width:32.2%;margin-left:1.7%;padding:5px 0;}
.i1_rightpane {width:32.2%;padding:5px 0;margin:0;}
.i1_bottompane {padding:5px 0;margin:0;}

.i2_contentpane {padding:5px 0;margin:0;}
.i2_leftpane {width:32.8%;padding:5px 0;margin:0;}
.i2_rightpane {width:65.6%;padding:5px 0;margin:0;}
.i2_bottompane {padding:5px 0;margin:0;}

.i3_contentpane {padding:5px 0;margin:0;}
.i3_leftpane {width:65.6%;padding:5px 0;margin:0;}
.i3_rightpane {width:32.8%;padding:5px 0;margin:0;}
.i3_bottompane {padding:5px 0;margin:0;}

/*--------- Content Style ----------*/
.Social-Links{padding:9px 0 0 0; text-align:right; min-width:400px;}
.Social-Links a{margin:0 0 0 6px;}

/*--------- Register and Login Style ----------*/
#Login{ float:right;padding-right:0;height:33px;border:1px solid #d5d5d5;border-bottom:1px solid #aaa;background:#e7e7e7 url(../images/LoginLinksBg.png) repeat-x 0 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; margin-bottom:20px;}
#Login ul {margin:0; padding:0;}
#Login .registerGroup, #Login .registerGroup *, #Login .loginGroup, #Login .loginGroup *{display:block;} 
#Login .registerGroup,#Login .loginGroup{float:left;padding:0;margin:0;} 
#Login .registerGroup li:first-child:hover{border-left:#333;}

/* Register Group Styles */
#Login .registerGroup li{ float:left;height:33px;border-right:1px solid #c7c7c7;}
#Login .registerGroup .buttonGroup{margin-right:0;}
#Login .registerGroup a, #Login .loginGroup a{position:relative;display:block;padding:0 15px;min-width:15px; min-height:11px;font-weight:bold;font-size:11px;vertical-align:middle;line-height:1em; color :#C32F30; border-right:1px solid #fcfcfc; height:33px; vertical-align:middle;line-height:32px;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{background:#666;color:#ddd;text-shadow: 0px -1px 0px #333333;-webkit-box-shadow:inset 0px 0px 5px 0px #333;-moz-box-shadow:inset 0px 0px 5px 0px #333;box-shadow:inset 0px 0px 5px 0px #333; }
#Login .registerGroup a:active,#Login .loginGroup a:active{color:#fff;text-shadow: 0px -1px 0px #333333;}
#Login .registerGroup a:hover,#Login .loginGroup a:hover{text-decoration:none;}
#Login .registerGroup a strong,#Login .loginGroup a strong{position:absolute;left:0; top:0;width:100%; height:100%;display:block;font-size:11px;font-weight:bold;vertical-align:baseline;overflow:hidden;text-indent:-9999px;}
.registerGroup .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 15px 12px;}
.registerGroup .userNotifications strong{ background-position:-85px 10px; }
.registerGroup .userMessages strong:hover{background-position:15px -40px; }
.registerGroup .userNotifications strong:hover{ background-position:-85px -42px;}
.registerGroup .userMessages strong:active{background-position:15px -91px; }
.registerGroup .userNotifications strong:active{ background-position:-85px -92px;}
		
#Login .registerGroup a span{position:absolute;right:5px; top:-7px;display:inline-block;line-height:15px;padding:2px 4px;min-width:7px;text-align:center;margin-right:3px;background: rgb(31,152,241); /* Old browsers */font-size:9px;color:#fff;text-shadow: 0px 1px 0px #333333;
/*CSS3*/	
background: -moz-linear-gradient(top, rgba(31,152,241,1) 0%, rgba(2,111,196,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(31,152,241,1)), color-stop(100%,rgba(2,111,196,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* Opera 11.10+ */
background: linear-gradient(top, rgba(31,152,241,1) 0%,rgba(2,111,196,1) 100%); /* W3C */			
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; -webkit-box-shadow: 0px 1px 0px 0px #222222;-moz-box-shadow: 0px 1px 0px 0px #222222;box-shadow: 0px 1px 0px 0px #222222; }
		
#Login .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
#Login .registerGroup a img{border:0px solid blue;height:32px; width:32px;background:#555; }

/* Login Language Group */
#Login .language-object{float:left;display:block;margin:0;padding:0;border-left:1px solid #c7c7c7;}
#Login .language-object span{padding:8px 8px 9px 0;*padding:8px 8px 6px 0;margin:0;float:left;}
#Login .language-object span:first-child{padding-left:8px;}
#Login .language-object span img{height:12px; width:20px;opacity:0.2;}
#Login .language-object span:hover img{opacity:1;}
#Login .language-object .Language.selected img{opacity:1;border-color:#999;-webkit-border-radius:2px;border-radius:2px; -webkit-box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.8);box-shadow:0px 1px 0px 0px rgba(255, 255, 255, 0.8); }
