@import url("css/menu.css");

@import url('./bootstrap/css/bootstrap.min.css');

/* CSS Document */
#Body {background:#666; height:100%; margin:0; padding:0; }

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#2E3D47; font-family:Verdana, Arial, Helvetica, sans-serif;}
body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:13px;}
h1, h2, h3, h4, h5, h6, h2 input{color:#375162;font-weight:bold;margin:1ex 0;}
h1{font-size:18px;margin:10px 0;}
h2, h2 input{font-size:14px;}
h3{font-size:13px;}
h4{font-size:12px;}
h5{font-size:11px;}
h6{font-size:10px;}
p	{line-height:16px}
a,a:link,a:visited,a:active{color:#3E81B5; text-decoration:none; font-weight:normal; }
a:hover{color:#D00; text-decoration:underline;}
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
#s_wrap_main{display:table;width:901px; margin:0 auto;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}

.top_space{height:34px;}
.lang_pad{padding:7px 0 0 25px;float:left;}

.logo_top_left{padding:0; margin:0; background:url(images/logo_top_left.png) no-repeat top left; height:23px;}
.logo_top_right{padding:0; margin:0; background:url(images/logo_top_right.png) no-repeat top right;}
.logo_top_bg{padding:0; margin:0 39px 0 27px; background:#FFF url(images/logo_top_bg.png) repeat-x top;height:23px;}
.logo_left{padding:0; background:url(images/logo_left.png) repeat-y top left;}
.logo_right{padding:0; background:url(images/logo_right.png) repeat-y top right;}
.logo_pad{background:#FFF; margin: 0 19px 0 7px; padding:0 0 10px 10px;height:100%;}

.s_logo{float:left;}
.s_banner{background:#aaa;width:50%;float:right;}

.menu_bg{padding-left:0px;  margin:0px;background:#000 }
.menu_left{padding:0; margin:0;}
.menu_right{margin:0; }

.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

.bread_bg{padding-top:40px; margin: 20px 19px 0 7px; ; height:34px;}
.bread_left{padding:0; margin:0;; height:34px;}
.bread_right{padding:0;  height:34px;}

#login_style{ float:right; line-height:34px; padding-right:18px;}
#bread_style{ float:left; line-height:34px; padding-left:18px;color:#000000;}

.center_bg{padding:0; margin:0;clear:both; background:url(images/center_bg.png) repeat}
.left_bg{padding:0; margin:0; background:url(images/left_bg.png) repeat-y top left;}
.right_bg{padding:0; margin:0; background:url(images/right_bg.png) repeat-y top right;}
.content_pad{padding:0px; margin: 0px; background:#ccc;}
.lm_content_pad{padding:0px 22px 0 0px; margin: 0 19px 0 7px; background:#FFF url(images/center_bg.png) repeat-x bottom left;}
.content_width{padding-top:0px; min-height:350px; background:url(images/center_bg.png) repeat}
.lm_content_width{padding-top:0px; min-height:350px;}

.bot_left{ height:180px; padding:0; margin:0; background:url(images/bot_bg.png) repeat top left;}
#footernav{
	padding-top:60px;
	text-align:center;
	margin-bottom:30px;
	color:white; font-weight:bold}
#sociallinks{
	float:right}
.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;}
#terms_style{float:left;}
#copy_style{float:right;}

.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
font-size:11px;}
.ControlPanel a[disabled="disabled"]{color:#888 !important;text-decoration:none !important;}

/*--------- pane style ----------*/
.BannerPane {display:inline-block;float:right;padding-right:17px;width:auto;}
.ContentPane, .TopPane, .BottomPane{ padding:0; margin:0;}
.LeftPane{ padding:0 20px 0 0; width:20%; margin:0;}
.RightPane{ padding:0 0 0 20px; width:20%; margin:0;}
.ContentPane	{padding:20px}


/*------------ Breadcrumb Style --------------*/
.Breadcrumb,a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{color:#cccc99;}
a.Breadcrumb:hover{color:#cccc99;}

/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#fff; text-transform:uppercase;font-size:11px}
a.links:hover{color:#fff;text-decoration:underline}

/*-------------- User Style --------------*/
.user,a.user:link,a.user:active,a.user:visited { color:#cccc99;}
a.user:hover{color:#cccc99;}

/*-------------- Footer Style --------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { color:#fff;}
a.footer:hover{color:#fff;}

/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}


/* Minimal Entropy Example Styles */
.linkscontainer_left{padding:0; background:url(images/left_bg.png) repeat-y bottom left;}
.linkscontainer_right{padding:0; background:url(images/right_bg.png) repeat-y bottom right;}
.linkscontainer_pad{background:url(images/center_bg.png) repeat-x bottom left; margin: 0 19px 0 7px; padding:0 0 10px 10px;height:100%;}

.tag_bg{padding:0; margin: 0 19px 0 7px; background:url(images/bread_bg.png) repeat top left; min-height:68px;}
.tag_left{padding:0; margin:0; background:url(images/bread_left.png) repeat-y top left; min-height:68px;}
.tag_right{padding:0;  background:url(images/bread_right.png) repeat-y top right; min-height:68px;}

#tag_style{display:table; margin:0 auto; padding:0; white-space:nowrap;}
#tag_style ul.categories, #tag_style ul.tags{min-height:34px;max-height:34px;height:34px;}


/*------------------------------------------------*/
/* NAVIGATION */
/*------------------------------------------------*/

/* for Simple Menu, see Simple menu folder */

    .navbar{margin-bottom:0!important;}
    .navbar-inner{border:none!important; box-shadow:none!important; background:none transparent!important; padding-right:0!important;}
        .navbar .brand {padding:0!important;}

    /* Site Navigation */
    .nav-collapse {
	    float: right;
	    position:relative;
	   
    }
	
    .nav li { 
		position:relative; 
		list-style:none;
		margin: 0;
	}
	
    .nav li ul {
		margin-left:0;
	}
	
    .nav > li {
		float:left;
		height:30px;
		
		margin-right:2px;
	}
	
    .nav > li > a,
    .nav > li > span {
		display:block;
		padding:5px 0 5px 15px;
		font-size:14px;
		font-weight:bold;
		color:#fff;
		text-decoration:none;		
	}
	
    .nav > li:hover > a,
    .nav > li.active > a  {
        color:#fff;
        /* override default bootstrap nav pills styles*/
        
        
    }
    .nav > li:hover > a:active { color:#3B96B6;}
    .nav > li:hover > span { color:#3B96B6;}

    .nav > li > a .caret.hidden-desktop{
        border:none!important;
        background-image:url(bootstrap/img/glyphicons-halflings-white.png);
        background-color:#333;
        background-position:-305px -110px!important;
        width:30px!important; line-height:30px!important; min-height:30px!important; height:auto;
        display:inline-block;
        margin:0!important;
        border-radius:3px;
    }
    .nav > li > a .caret.hidden-desktop:hover {
        background:url(bootstrap/img/glyphicons-halflings-white.png) -305px -110px, linear-gradient(to bottom, #2D2D2D 0%, #565656 100%)!important;
    }

	/* Secondary level */
    .nav > li ul {  /* Styles for all sub levels */
		top:35px; 
		left:0; 
		padding: 15px 5px;
		display:none;
		position:absolute;
		z-index: 2;
		width:225px;
		background:#F5F7F7;
		border: 1px solid #cbcbcb;
		/* CSS3 */
		border-radius: 0px;
		/*box-shadow:inset 0px 1px 0px 0px rgba(255,255,255,1), 0px 0px 3px rgba(0,0,0,0.15);*/
		-webkit-box-shadow:  0px 2px 5px 0px rgba(0, 0, 0, 0.4);
		box-shadow:			 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
		-webkit-animation-duration: .25s;
		-webkit-animation-delay: .2s;
		-webkit-animation-timing-function: ease;
		-webkit-animation-fill-mode: both;
		-moz-animation-duration: .25s;
		-moz-animation-delay: .2s;
		-moz-animation-timing-function: ease;
		-moz-animation-fill-mode: both;
		-ms-animation-duration: .25s;
		-ms-animation-delay: .2s;
		-ms-animation-timing-function: ease;
		-ms-animation-fill-mode: both;
		animation-duration: .25s;
		animation-delay: .2s;
		animation-timing-function: ease;
		animation-fill-mode: both;
		
	}
	
    .nav-collapse:not(.in) .nav li:hover > ul { 
		display:block;
	}
    .nav-collapse .nav li > iframe{ display: none;z-index: 1 !important;}
    .nav-collapse:not(.in) .nav li:hover > iframe{ display: block;}

    .navbar .nav > li > .dropdown-menu:before{
        border:none!important;
    }
	
    .navbar .nav > li > .dropdown-menu:after {
		position:absolute!important;
		
		left:20px!important;
		content:''!important;
		width:0px!important; 	
		height:0px!important; 
		border-left:15px solid transparent!important;  /* left arrow slant */
		border-right:15px solid transparent!important; /* right arrow slant */
		border-bottom:15px solid #F5F7F7!important; /* bottom, add background color here */
		font-size:0px!important;
		line-height:0px!important;
	}

    .nav .dropdown-menu > .active > a,
    .nav .dropdown-menu > .active > a:focus {
        background-color:transparent!important;
        background-image:none!important;
        color:#3B9FBF!important;
        outline:none;
    }
    .nav .dropdown-menu a {
		display:block;
		padding: 3px 15px;
		color:#3B9FBF;
		font-size: 13px;
		font-weight: normal;
		text-decoration:none;
		/* transition decleration */
		transition: 		all ease-in 100ms;
		-moz-transition: 	all ease-in 100ms; /* Firefox 4 */
		-webkit-transition: all ease-in 100ms; /* Safari and Chrome */
		-o-transition: 		all ease-in 100ms; /* Opera */
		-ms-transition: 	all ease-in 100ms; /* IE9? */
	}
    .nav .dropdown-menu > li > a:hover,
    .nav .dropdown-menu > .active > a:hover{
        background-color:transparent!important;
        background-image:none!important;
        color:	#FF0000!important;
    }
    .nav-collapse:not(.in) .nav .dropdown-menu{
        border-radius:0!important;z-index:1000;
    }
    .nav > li > ul li:hover {
		color:#D00;
		background: #F5F7F7;
	}
	
	/* Tertiary level */
    .nav li ul li ul {
		left:225px; 
		top:-8px;
		padding: 15px 5px;
		border-left: 1px solid #ddd;
	}

    /* Navigation button on mobile size */
    .nav-collapse.in {
        width:100%;
    }
    .navbar .btn-navbar {
        background-color: #333333!important;
        background-image: linear-gradient(to bottom, #333333, #333333)!important;
        cursor:pointer;
        margin-top:10px!important;
    }
    .navbar .btn-navbar:hover,
    .navbar .btn-navbar:active {
        background:linear-gradient(to bottom, #2D2D2D 0%, #565656 100%)!important;
    }

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {box-shadow:none!important; important; outline:none!important;}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {background-color:transparent!important; color:#D00!important; outline:none!important;}

.dropdown, .dropdown a {outline:none!important;}
/* Portrait tablet to landscape and smaller */
@media (max-width: 979px) {
    .nav-collapse, .nav{width:100%;}
    .nav li {padding:0!important; min-height:30px!important; height:auto;}
    .nav-collapse .dropdown-menu { margin:0 0 0 4%!important; width:95%!important;}
    .nav-collapse .nav > li a,
    .nav-collapse .dropdown-menu a{padding:0 0 0 5px!important;line-height:30px!important; height:30px!important; border:1px solid #eee!important; margin-bottom:3px;}
    .nav-collapse .dropdown.open > a{background-color:#eee!important;}
    .nav > li > ul {position:relative!important; width:100%!important;}
    .nav{width:100%;}
    img {max-width:100%;}
}