/*
 * CSS For DotNetNuke Skin by bestdnnskins.com
 * Copyright 2013 By BESTDNNSKINS.COM
 */
/*--------- CSS Reset for Mobile ----------*/
@media handheld, only screen and (max-width: 767px) {
body {-webkit-text-size-adjust:none;}
.skin_width,body{width:100%;min-width:0;}
.floatl, .floatr{ float: none;}
.pc_display { display:none;}
.mobile_display { display:block;}

/*-------- design style --------*/
.skin_top_bar { display:none;}
.logo_style { padding:0px; background-image:url(/dotnetnuke/portals/0/Images/Realcomp_Logo_Mobile.png); background-repeat:no-repeat; background-position:center}
#nav_box { display:none; width:98%; margin:0 1%; padding:5px 0;}
.banner_style { padding-top:0;}
.bottom_left { float:none; text-align:center; padding-top:8px;}
.socialp_style { float:none; text-align:center;}
.mobile_UI { display:block; height:35px; margin:5px 1%;}
.mobile_UI .mobile_menu, .mobile_UI .mobile_search, .mobile_UI .mobile_login, .mobile_UI .mobile_user, .mobile_UI .mobile_language { display:block; background:#002d62; padding:6px 8px 0 8px; margin:0 2px; cursor:pointer; -webkit-box-shadow:1px 1px 2px 0px rgba(0, 0, 0,0.3); -moz-box-shadow:1px 1px 2px 0px rgba(0, 0, 0,0.3); box-shadow:1px 1px 2px 0px rgba(0, 0, 0,0.3);}
.mobile_menu { float:left;}
.mobile_search { float:right;}
.mobile_login { float:right;}
.mobile_user { float:right;}
.mobile_language { float:right;}

/*--------- StandardMenu style ----------*/
#standardMenu {width:auto;}
#standardMenu ul {padding:0;}
#standardMenu .rootMenu {float:none;border:none;}
#standardMenu .rootMenu li{width:100%; float:none; margin-bottom:2px; text-align:left; background:none;}

#standardMenu .rootMenu li a{display:block; background:#BBBBBB; padding:0;}
#standardMenu .rootMenu li.selected a, #standardMenu .rootMenu li.rmHover a, #standardMenu .rootMenu li.breadcrumb a { background:#002d62!important; margin:0;}
#standardMenu .rootMenu li:hover a, #standardMenu .rootMenu li a:hover { background:#333333;}

#standardMenu .rootMenu li a span {  display:block; margin:0; padding:0 20px; color:#111111; white-space:nowrap; font-size:12px; font-weight:bold; text-transform:uppercase; height:38px; line-height:38px; position:relative;}
#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:none; color:#FFFFFF;}

#standardMenu .rootMenu a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#standardMenu .rootMenu li.selected a span .navarrow, #standardMenu .rootMenu li.breadcrumb a span .navarrow, #standardMenu .rootMenu li.rmHover a span .navarrow, #standardMenu .rootMenu li:hover a span .navarrow, #standardMenu .rootMenu li a:hover span .navarrow{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0; }

#standardMenu .rootMenu a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center -42px;}
#standardMenu .rootMenu li.selected a span .navarrow2, #standardMenu .rootMenu li.breadcrumb a span .navarrow2, #standardMenu .rootMenu li.rmHover a span .navarrow2, #standardMenu .rootMenu li:hover a span .navarrow2, #standardMenu .rootMenu li a:hover span .navarrow2{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center -42px; }

/*-- submenu --*/
#standardMenu .subMenu{ background:none; left:0; position:static; width:auto; margin:0; border:none; margin-top:1px;}
#standardMenu .subMenu li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.item a{ border-bottom:1px solid #888; margin:0; padding:0; height:auto; background:url(../images/mobile_subnav_bg.png)!important; filter:Alpha(Opacity=100); opacity:1;}
#standardMenu .subMenu li.haschild > a { background:url(../images/mobile_subnav_bg.png!important);}
#standardMenu .subMenu li.last > a { border-bottom:none;}
#standardMenu .subMenu li li.item a{ border-bottom:1px solid #888;}
#standardMenu .subMenu li.item a span{ padding:0 35px 0 15px; color:#111111!important; background:none!important;}
#standardMenu .subMenu li.item a:hover span { background:#333333!important; color:#FFFFFF!important; cursor:pointer;}
#standardMenu .subMenu li.selected > a span { color:#FFFFFF!important;}
#standardMenu .subMenu li.selected > a span, #standardMenu .subMenu li.breadcrumb > a span, #standardMenu .subMenu li.breadcrumb.haschild > a span{ background:none!important;}
#standardMenu .subMenu li.selected.haschild > a span, #standardMenu .subMenu li.item.haschild > a:hover span { background: #333333!important;}
#standardMenu .subMenu li.selected a span, #standardMenu .subMenu li.selected.haschild > a span{ background:#333333!important;}
#standardMenu .level1 li.item a span{ padding:0 35px 0 25px; background:none!important; display:block;}
#standardMenu .level2 li.item a span{ padding:0 35px 0 35px; background:none!important; display:block;}
#standardMenu .level3 li.item a span{ padding:0 35px 0 45px; background:none!important; display:block;}
#standardMenu .level1 li.selected > a span, #standardMenu .level2 li.selected > a span, #standardMenu .level3 li.selected > a span{ background:#333333!important;}
#standardMenu .subMenu .subarrow{ display:none; background:none;}

#standardMenu ul li ul li ul{ width:auto; margin:0; border:none; }
#standardMenu ul li ul li ul.level1{ display: block;position:static;left:auto; top:auto;}
#standardMenu ul li ul li ul li ul{ display:block;}
#standardMenu ul li ul li ul li:hover ul.level2 { display: block;position:static;left:auto;top:auto;}
#standardMenu ul li ul li ul li ul li ul{ display:block;}
#standardMenu ul li ul li ul li ul li:hover ul.level3 { display: block;position:static;left:auto;top:auto;}

/*--------- MegaMenu style ----------*/
#megaMenu {width:auto;}
#megaMenu ul {padding:0;}
#megaMenu .root {float:none;border:none;}
#megaMenu .root li{width:100%; float:none; margin-bottom:2px; text-align:left; background:none;}

#megaMenu .root li a{display:block; background:#BBBBBB; padding:0;}
#megaMenu .root li.selected a, #megaMenu .root li.rmHover a, #megaMenu .root li.breadcrumb a { background:#002d62!important; margin:0;}
#megaMenu .root li:hover a, #megaMenu .root li a:hover { background:#333333;}

#megaMenu .root li a span {  display:block; padding:0 20px; color:#111111!important; white-space:nowrap; font-size:12px; font-weight:bold; text-transform:uppercase; height:38px; line-height:38px; position:relative;}
#megaMenu .root li.selected a span, #megaMenu .root li.breadcrumb a span, #megaMenu .root li.rmHover a span, #megaMenu .root li:hover a span, #megaMenu .root li a:hover span { text-decoration:none; background:none; color:#FFFFFF!important;}

#megaMenu .root a span .navarrow{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center 0;}
#megaMenu .root li.selected a span .navarrow, #megaMenu .root li.breadcrumb a span .navarrow, #megaMenu .root li.rmHover a span .navarrow, #megaMenu .root li:hover a span .navarrow, #megaMenu .root li a:hover span .navarrow{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center 0;}

#megaMenu .root a span .navarrow2{ position:absolute; width:60px; height:38px; margin-right:0; right:0px; background:url(../images/mobile_navarrow.png) no-repeat center -42px;}
#megaMenu .root li.selected a span .navarrow2, #megaMenu .root li.breadcrumb a span .navarrow2, #megaMenu .root li.rmHover a span .navarrow2, #megaMenu .root li:hover a span .navarrow2, #megaMenu .root li a:hover span .navarrow2{ margin-right:0; background:url(../images/mobile_navarrow.png) no-repeat center -42px;}

/*-- submenu --*/
#megaMenu .category{ background:none; left:0; position:static; width:auto; margin:0; border:none; padding:0; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; margin-top:1px;}
#megaMenu .category li{ float:none; clear:both; width:100%; padding:0; margin:0; filter:Alpha(Opacity=100); opacity:1;}
#megaMenu .category li.item a{ border-bottom:1px solid #888; margin:0; padding:0; height:auto; background:url(../images/mobile_subnav_bg.png)!important; filter:Alpha(Opacity=100); opacity:1;}
#megaMenu .category li.haschild > a { background:url(../images/mobile_subnav_bg.png)!important;}
#megaMenu .category li.last > a { border-bottom:none;}
#megaMenu .category li li.item a{ border-bottom:1px solid #888;}
#megaMenu .category li.item a span{ padding:0 35px 0 15px; color:#111111!important; background:none!important;}
#megaMenu .category li.item a:hover span { background:#333333!important; color:#FFFFFF!important; cursor:pointer;}
#megaMenu .category li.selected > a span { color:#FFFFFF!important;}
#megaMenu .category li.selected > a span, #megaMenu .category li.breadcrumb > a span, #megaMenu .category li.breadcrumb.haschild > a span{background:none!important;}
#megaMenu .category li.selected.haschild > a span, #megaMenu .category li.item.haschild > a:hover span { background: #333333!important; }
#megaMenu .category li.selected a span, #megaMenu .leaf li.selected a span, #megaMenu .category li.selected.haschild > a span{ background:#333333!important;}

#megaMenu .leaf{ background:none; display:block; position:static; width:auto; margin:0; border:none; top:0; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
#megaMenu .leaf li.last > a{ border-bottom:1px solid #888;}
#megaMenu .leaf li.item a span{ display:block; background:none!important; font-size:12px; font-weight:normal; white-space:nowrap; height:35px; line-height:35px; padding:0 35px 0 30px; text-transform:none;}
#megaMenu .leaf li.selected > a span{ background:#333333!important;}
#megaMenu .category li.rmhover > .leaf{ display:block;}
#megaMenu .leaf li li, #megaMenu .leaf li li li {width:auto;}

/*--------- pane style ----------*/
.bannerpane {}
.headerpane {}
.content_grid12 {}
.one_grid8 {}
.one_grid4 {}
.two_grid6a {}
.two_grid6b {}
.three_grid4a {}
.three_grid4b {}
.three_grid4c {}
.four_grid12 {}
.five_grid3a {}
.five_grid3b {}
.five_grid3c {}
.five_grid3d {}
.six_grid4 {}
.six_grid8 {}
.seven_grid12 {}
.eight_grid3a {}
.eight_grid3b {}
.eight_grid3c {}
.eight_grid3d {}
.footer_grid3a { margin:0;}
.footer_grid3b { margin:0;}
.footer_grid3c { margin:0;}
.footer_grid3d { margin:0;}

.i_content_grid12 {}
.i_one_grid3 {}
.i_one_grid9 {}
.i_two_grid4a {}
.i_two_grid4b {}
.i_two_grid4c {}
.i_three_grid9 {}
.i_three_grid3 {}
.i_four_grid12 {}

/*--------- Grid Style ----------*/
.row-fluid [class*="span"] { float:none; margin-left:0;}
.row-fluid .span12 {width:auto; }
.row-fluid .span11 {width:auto; }
.row-fluid .span10 {width:auto; }
.row-fluid .span9 {width:auto; }
.row-fluid .span8 {width:auto; }
.row-fluid .span7 {width:auto; }
.row-fluid .span6 {width:auto; }
.row-fluid .span5 {width:auto; }
.row-fluid .span4 {width:auto; }
.row-fluid .span3 {width:auto; }
.row-fluid .span2 {width:auto; }
.row-fluid .span1 {width:auto; }

/*--------- Mobile Search Style ----------*/
#Search2{ float:none; display:none; position:relative; padding:0; right:2%; bottom:0; height:35px;}
.searchcss, a.searchcss:link, a.searchcss:active, a.searchcss:visited{ color:#ffffff; text-decoration:none; font-weight:normal; font-size:12px; display:block; position:absolute; width:30px; height:130px; right:2px; top:4px; text-indent:-99999px; overflow:hidden;}
.searchSite { text-indent:-99999px;}
a.searchcss:hover{ color:#000000; text-decoration:none; font-weight:normal; font-size:12px; }
#Search2 input[type="text"] { position:absolute;right:0; background: #fff; border: 1px solid #c7c7c7; font-size:12px; color: #333333; width: 140px; padding: 8px 40px 8px 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}
#Search2 a{ display: block; position:absolute; right:2px; top:5px;height:30px; width:35px; padding:0;border:none;box-shadow:none;webkit-box-shadow:none;overflow:hidden;text-indent:-99999px;background:url(../images/icon_search.png) no-repeat 10px 5px;z-index:1;cursor:pointer;}

/*--------- Mobile Login Style ----------*/
#Login2 { display:none;}

/*--------- Mobile User Style ----------*/
#User2 { display:none;}

/*--------- Mobile Profile Style ----------*/
#Mobile_Profile { margin:0 5px 0 0;}
.mobile_profile_style { float:right; position:relative;}
.mobile_profile_style{ background-color: #F8F8F8; background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#E5E5E5) );background: -moz-linear-gradient(center top , #F8F8F8, #E5E5E5); border: 1px solid #C6C6C6; border-radius: 2px 2px 2px 2px; cursor: pointer; display: block; height: 28px; margin: 5px 0;}
.mobile_profile_style ul {margin:0; padding:0;}
.mobile_profile_style .registerGroup, .mobile_profile_style .registerGroup *{display:block;} 
.mobile_profile_style .registerGroup{float:left;padding:0;margin:0;}

/* Register Group Styles */
.mobile_profile_style .registerGroup li{ float:left;height:28px; border-right:1px solid #ccc;}
.mobile_profile_style .registerGroup .buttonGroup{margin-right:0;}
.mobile_profile_style .registerGroup a{position:relative;display:block;padding:0 9px;min-width:15px;font-weight:normal;font-size:12px;vertical-align:middle;color:#666!important; height:28px; vertical-align:middle;line-height:28px;}
.mobile_profile_style .registerGroup a:hover{background:#fff; color:#000!important; text-decoration:none;}
.mobile_profile_style .registerGroup a:active{color:#fff;padding:0 9px;}
.mobile_profile_style .registerGroup 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;}
.mobile_profile_style .userMessages,.mobile_profile_style .userNotifications { background:none;}
.mobile_profile_style .userMessages strong,.registerGroup .userNotifications strong{background:url(../images/userLoginSprite.png) no-repeat 10px 10px;}
.mobile_profile_style .userNotifications strong{ background-position:-91px 8px; }
.mobile_profile_style .userMessages strong:hover{background-position:10px -41px; }
.mobile_profile_style .userNotifications strong:hover{ background-position:-91px -43px;}
.mobile_profile_style .userMessages strong:active{background-position:10px -92px; }
.mobile_profile_style .userNotifications strong:active{ background-position:-91px -93px;}	
.mobile_profile_style .registerGroup a span{position:absolute;right:5px; top:-7px;display:inline-block;padding:2px 4px;line-height:20px;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; }
.mobile_profile_style .registerGroup li.userProfileImg{ border-right:none;}	
.mobile_profile_style .registerGroup .userProfileImg a{padding:0;background:none;min-width:25px;}
.mobile_profile_style .registerGroup a img{border:none;height:28px; width:28px;background:none;}

/*--------- Mobile Language Style ----------*/
.mobile_language { display:none;}
#Language2 { display:block; position:relative; height:30px;}
#Language2 .language-object { float:right;display:block; margin:5px 8px 5px 5px;padding:0;}
#Language2 .language-object span img{ border:2px solid transparent;}

/*--------- Content Style ----------*/
.Social-Links { position:relative; float:left; left:50%;}
.Social_position { position:relative; float:left; right:50%;}

/*--------- Color Picker Style ----------*/
#custom-button {display:none;}
}
@media handheld, only screen and (max-width: 360px) { 
/*--------- Content Style ----------*/
.tipsy { padding:0;}
}