*:focus {outline: 0 !important;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    /*border: 1px solid #F44336 !important;*/
    /*-webkit-box-shadow: inset 1px 0px 5px 2px rgba(59,59,59,0.5);
-moz-box-shadow: inset 1px 0px 5px 2px rgba(59,59,59,0.5);
box-shadow: inset 1px 0px 5px 2px rgba(59,59,59,0.5);*/
}

button:active, .button:active, button:focus, .button:focus, button:hover, .button:hover{
    /*border:none !important;*/
    outline:none !important;
    /*border: 1px solid #F44336;*/
    /*-webkit-box-shadow: inset 1px 0px 5px 2px rgba(59,59,59,0.5);
-moz-box-shadow: inset 1px 0px 5px 2px rgba(59,59,59,0.5);
box-shadow: inset 1px 0px 5px 2px rgba(59,59,59,0.5);*/
}  
	
body {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 12px 10px;

}


.login {
	/*background:#FFFFFF;*/
	color: #35699B;
	width: 400px;
	margin: 0px auto;
	/*border-top: 1px dotted silver;
	border-left: 1px dotted silver;
	border-right: 1px dotted silver;
	border-bottom: 1px dotted silver;*/
	border: 0px solid #AAD4FF;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	
	box-shadow: 0px 4px 3px rgba(0,0,0,0.4),
       0px 4px 7px rgba(0,0,0,0.1),
       0px 9px 13px rgba(0,0,0,0.1);*/
}

.login hr {
	background:silver;
	width: 80%;
	height: 1px;
	color:silver;
	size: 1px;
    border: none;
}

hr {
	background:#35699B;
	width: 95%;
	height: 1px;
	color:#35699B;
	size: 1px;
    border: none;
}

body { 
    /*font: 12px Consolas, Monaco, Courier New, Courier, monospace;*/ 
	font: 12px Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	/*background: #FFF;*/
	background: /*#0F5B96#FFFFFF*/ /*url(assets/images/login_background.jpg)*/ repeat;
	
	color: #444;
behavior: url(ie-css3.htc);	
behavior: url(PIE.htc);	
}

a:hover {
	opacity:0.6;
	filter:alpha(opacity=60);
}

a {		background: inherit; text-decoration: none; }
p { margin: 0 0 15px 0; }
img { border: 0; }
h2{font: 16px Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;text-decoration: underline;}
.imageborder {
	border: 2px solid #35699B;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}

.imageborder:hover {
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
	border: 2px solid #35699B;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	padding: 4px 10px 4px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	}


.fa-child {color: #FFA200;font-size: 20px;font-family: 600;}
.fa-power-off {color: #FF0000;font-size: 16px;font-family: 600;}

.navbar-default {/*top:21px;*/top:0px;margin:0px 0px 0px 0px;color: #35699B;border-bottom: 1px solid #35699B;}

.navbar-brand {display: none;color: #35699B !important;}

.navbar-toggle {
    border: 1px solid #35699B;
    -webkit-box-shadow: 0px 0px 3px 1px rgba(255,162,0,1);
-moz-box-shadow: 0px 0px 3px 1px rgba(255,162,0,1);
box-shadow: 0px 0px 3px 1px rgba(255,162,0,1);
}

.icon-bar {
    color: #35699B;
}

.navbar {
    margin-bottom: 0;
    background: #fff;
    color: #35699B;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
}

.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}
.navbar {min-height:35px !important;}

.navbar a {
    color: #35699B;
    margin: 1px 2px 1px 2px !important;
	padding: 10px 10px 10px 10px !important;
	border:0px solid black;
}

.navbar-default .navbar-nav li  {
    margin: 0px 0px 5px 0px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;

}

.navbar-default .navbar-nav > li > a {
    color: #35699B;
    /*font-size: 16px;
    font-weight: 600;*/
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;

}


.navbar-nav  a {
    color: #35699B;
    /*font-size: 16px;
    font-weight: 600;*/
    overflow: hidden;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

.dropdown li a, .sup-dropdown li a {
    color: #35699B;
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}

.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a {
    background: #FFA200;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
}
#main-navbar-collapse {-webkit-box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.43);
box-shadow: 0px 7px 5px -5px rgba(0,0,0,0.43);z-index: 9999;}

@media all and (max-width : 1100px) {

.navbar-default .navbar-nav li  {
    margin: 0px 0px 5px 0px;
    
    
}

}

@media all and (max-width : 1100px) {
    h1 {font-size: 20px;margin: -15px 0px -10px 0px;font-weight: bold;}
.navbar-nav > li > a {padding-top:5px !important; padding-bottom:5px !important;}
.navbar {min-height:35px !important}
#main-navbar-collapse {border-bottom: 0px solid #35699B;}
.navbar-header { font-size: 22px; padding: 0px 0px; /*border-bottom: 1px solid #35699B;*/}
button.navbar-toggle {padding: 0px 0px;background: #35699B !important;border: 1px solid #35699B !important;color: #FFFFFF;display: block;width: 100%;margin: 0px auto;}
.navbar-toggle {padding: 0px 0px;background: #35699B !important;border: 1px solid #35699B !important;color: #FFFFFF;display: block;width: 100%;margin: 0px auto;}
button.navbar-toggle:active,button.navbar-toggle:focus,button.navbar-toggle:hover {border: 1px solid #FFA200 !important;background: #FFA200 !important;background-color: #FFA200 !important;color:#FFFFFF;}

.collapsing, .in {background-color: #35699B;box-shadow: 0 3px 2px -2px rgba(68,68,68,1);
-moz-box-shadow: 0 3px 2px -2px rgba(68,68,68,1);
-webkit-box-shadow: 0 3px 2px -2px rgba(68,68,68,1);margin: 0px 0px 18px 0px;}
.collapsing ul li a, .in ul li a {color: #FFFFFF!important;}
.collapsing ul li a:hover, .in ul li a:hover {color: #f1f1f1!important;}

.navbar {
    border: 0px solid #FFA200;
}

.navbar a {
    color: #FFFFFF;
}


.navbar-default .navbar-nav li  {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;

}


.navbar-nav  a {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
}

.dropdown li a, .sup-dropdown li a {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
}

.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
}

}

.topcalendar {color:#878787;}

.topcalendar a {color:#878787;}

.topcalendar a:hover {color:#FF7F7F;}

.press {border-bottom:1px dotted black;}

.eventheading {border-bottom:1px dotted black; margin-right:50px;}

.eventhr {margin-right:50px;}

.error {color: red;font-size: 14px;font-weight:600;border:0px solid white;}
.myerror {color: red;font-size: 10px;font-weight:600;border:0px solid white;}

.is_available {color:green;}
.is_not_available {color:red;}

input:focus, textarea:focus,select:focus {background-color:#FF7F2A;}

marquee {background: #FFAA2A;height:30px;font-size:12pt;display: table-cell;vertical-align: middle;border-top:0px solid white;border-bottom:10px solid white;border-left:0px solid #35699B;border-right:0px solid #35699B;}

.container { font-family:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;width: 1040px; margin: 0 auto; padding: 0px 0 0 0; border: 0px; background:#FFFFFF; }

#top{ float: right; text-align: right;border:0px solid black; vertical-align:top;}
#top a { color: #35699B; margin: 0 0 0 13px; background: #fff url(images/toparrow.png) no-repeat center left; padding: 0 0 0 12px; }
input.searchfield { width: 175px; padding: 6px; border: 2px solid #BADAEF; font-size: .9em; }
input.searchbutton { background: #35699B; border: 0; padding: 6px; color: #fff; font-weight: bold; font-size: .9em; }

.header{
width: 1040px;
margin:0px auto;
}

.topbanner{margin: 0px auto;display: block;width: 100%;height:76px;vertical-align:top;}
.topbanner_logo{float: left;width:250px;height:75px;vertical-align:bottom baseline;margin-left:2px;vertical-align:top;}
.topbanner_content{float: left;width:550px;vertical-align:top;}

#logo { float: left; width:200px; color: #808080; line-height: 0px; margin-bottom:5px; vertical-align:top;border:0px solid black;}
.header{
width: 1040px;
height:auto;
margin:0px auto;
background: #35699B;
}
.topmenu{
	position: fixed;top: 0px;left: 0;height: 30px;padding: 0;z-index: 9999;border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;
	margin:0px auto;display: block;width:100%;
	background-color: #FFFFFF;
	background-image: -moz-linear-gradient(#35699B, #0099CC); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#0099CC));	
	background-image: -webkit-linear-gradient(#35699B, #0099CC);	
	background-image: -o-linear-gradient(#35699B, #0099CC);
	background-image: -ms-linear-gradient(#35699B, #0099CC);
	background-image: linear-gradient(#35699B, #0099CC);
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
}

.line { clear: both; padding: 3px; margin: 0 0 15px; background: #FFF; border-bottom:1px solid #AFD2ED;}

.leftcontent { background: #F0FBFB;  clear: left; float: left; width: 200px; padding: 10px 15px; margin: 0 0 20px; vertical-align:top; }
.leftcontent img { margin: 0 0 8px; }
.leftcontent li { list-style: none; }
.leftcontent li a {  color: #787A8F; font-weight: bold; background: url(images/arrow.gif) no-repeat center left; padding: 0 0 0 0px; }
	
.border { clear: both; border-left: 4px solid #BADAEF; padding: 0 0 0 15px; }

.centercontent { font-family:  Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;width: 500px; margin: 0 20px 30px 0; vertical-align:top;}
.rightcontent { width: 140px; vertical-align:top;}

.footer { clear: both; padding: 5px; margin: 5px 0 15px; font-size: .9em; color: #808080; background: #F3F5F6; border-top:1px solid #35699B;}
	.links a { font-weight: 500; color: #35699B; background: #fff; margin: 0 10px 0 0; background: url(images/dot.png) no-repeat center left; padding: 0 0 0 10px; }
	.sponsor { color: red; background: #eee; }
	.footer li { list-style: none;background: #F3F5F6;}
    
    fieldset  {
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	border-radius: 5px;	
	}
	
	/*legend {
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	border-radius: 5px;	
	}*/
	
	input, textarea, select { 
	padding: 5px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	color: #35699B;
	font-weight:600;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #F9F9F9), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #F9F9F9 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	border-radius: 5px;
	}

textarea { 
	width: auto;
	max-width: 400px;
	height: auto;
	line-height: 150%;
	border-radius: 5px;
	}

input:hover, textarea:hover, select:hover, 
input:focus, textarea:focus, select:focus {
	color: #35699B;
	font-weight:600;
	border-color: #AFD2ED; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	border-radius: 5px;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	background: #35699B;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	.submit input:hover, .submit input:focus {
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	background: #FFAA2A;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

	input[type="submit"] {
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
	background-image: -webkit-linear-gradient(#444, #111);	
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	width: 100%;
	display: block;
	margin: 8px 0px;
	padding: 9px 15px;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	
	box-shadow: 0px 4px 3px rgba(0,0,0,0.4),
       0px 4px 7px rgba(0,0,0,0.1),
       0px 9px 13px rgba(0,0,0,0.1);
	}
	
	input[type="submit"]:hover, input[type="submit"]:focus {
	width: 100%;
	display: block;
	margin: 8px 0px;
	padding: 9px 15px;
	background: #0099CC;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	
	box-shadow: 0px 4px 3px rgba(0,0,0,0.4),
       0px 4px 7px rgba(0,0,0,0.1),
       0px 9px 13px rgba(0,0,0,0.1);
	}
	
	.new input {
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	background: #FFAA2A;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	.new input:hover, .new input:focus {
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	background: #35699B;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

	.new a {
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	background: #FFAA2A;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	.new a:hover, .new a:focus {
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	background: #35699B;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	.button input {
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	background: #35699B;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	.button input:hover, .button input:focus {
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	background: #FFAA2A;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

a.button, a.button:visited  {
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
	background-image: -webkit-linear-gradient(#444, #111);	
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	a.button:hover , a.button:focus {
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	background: #0099CC;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

	a.buttonselected, a.buttonselected:visited {
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	background: #0099CC;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}

	a.buttonselected:hover , a.buttonselected:focus {
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
	background-image: -webkit-linear-gradient(#444, #111);	
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	a.langbutton  {
	width: auto;
	margin: 4px 4px;
	padding: 2px 2px;
	background: #FFF;
	border: 1px solid black;
	font-size: 14px;
	color: #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	a.langbutton:hover,a.langbutton:focus {
	width: auto;
	margin: 4px 4px;
	padding: 2px 2px;
	background: #111;
	border: 1px solid black;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	.gobutton input {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	background: #35699B;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	.gobutton input:hover, .button input:focus {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	margin: 8px 8px;
	padding: 9px 15px;
	background: #FFAA2A;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
	
	fieldset { border:1px solid #AFD2ED;border-radius: 5px; }

legend {
 background-color: #111;
	background-image: -moz-linear-gradient(#444, #111); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
	background-image: -webkit-linear-gradient(#444, #111);	
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);
  padding: 5px 5px;
  border:1px solid #AFD2ED;
  color:#FFF;
  font-size:16px;
  font-weight:600;
  text-align:left;
  margin-left:20px;
  margin-right:20px;
  border-radius: 5px;
  }

legend:hover, legend:focus {
 background: #0099CC;
  padding: 5px 5px;
  border:1px solid #AFD2ED;
  color:#FFF;
  font-size:16px;
  font-weight:600;
  text-align:left;
  margin-left:20px;
  margin-right:20px;
  border-radius: 5px;
  }
  
  
  fieldset {background:#EDF5FE;}
  /*#add {background-color:#EDF5FE;}*/


#pageheading h1 {
	text-align: left;
	margin: 0px auto;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px; text-transform: uppercase;
	font-weight:500;
	color: #35699B;
	text-shadow: 0.5px 0.5px 0px #eee, 2px 2px 0px #AFD2ED;
	padding: 14px 15px 10px 15px;
}

.eventstable h1 {
	text-align: left;
	margin: 0px auto;
	font-family: "zurich";
	font-size: 20px; text-transform: uppercase;
	font-weight:500;
	color: #35699B;
	text-shadow: 0.5px 0.5px 0px #eee, 2px 2px 0px #AFD2ED;
	padding: 0px 0px 0px 0px;
}

code {
        font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #f9f9f9;
        border: 1px solid #AFD2ED;
        color: #002166;
        display: block;
        margin: 14px 0 14px 0;
        padding: 12px 10px 12px 10px;
    }

    #body{
        margin: 0 15px 0 15px;
    }
    
    p.footer{
        text-align: right;
        font-size: 11px;
        border-top: 1px solid #AFD2ED;
        line-height: 32px;
        padding: 0 10px 0 10px;
        margin: 20px 0 0 0;
    }
    
    #container{
	font-family:"zurich";
        margin: 10px;
        border: 1px solid #AFD2ED;
        -moz-box-shadow: 0 0 8px 5px #AFD2ED;
		-webkit-box-shadow: 0 0 8px 5px #AFD2ED;
		box-shadow: 0 0 8px 5px #AFD2ED;
		-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari and Chrome */
  border-radius: 15px;
  padding-bottom:10px
   behavior: url(ie-css3.htc);
   
    }
	
	#security img { float: left; border: 1px solid #AFD2ED; margin-left:2px;}
	.form { font-family: "original" ,Consolas, Monaco, Courier New, Courier, monospace;
        font-size: 12px;}
		#form { font-family: "original" ,Consolas, Monaco, Courier New, Courier, monospace;
        font-size: 12px;}
	

#mydatatable {border-bottom: 1px solid black;}
.charcounter {color: green;font-weight: 600;}

.scrollup{
    width:40px;
    height:40px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('../images/icon_top.png') no-repeat;
    z-index: 9999;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid black;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-top: 20px solid #f00;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-bottom: 5px solid transparent;  /* left arrow slant */
	border-top: 5px solid transparent; /* right arrow slant */
	border-left: 5px solid #FFFFFF; /* bottom, add background color here */
	font-size: 0;
	line-height: 0;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	
	border-right:10px solid blue; 
}

.imageshadow {border:0px solid #FFF;box-shadow: 0px 4px 3px rgba(0,0,0,0.4),
       0px 4px 7px rgba(0,0,0,0.1),
       0px 9px 13px rgba(0,0,0,0.1);}


span.pen {
    margin: 0px 3px -2px 0px;
  display: inline-block;
  width:13px;
  height:6px;
  border:1px solid #35699B;
  background: #B2D3FF;
  position: relative;
  /*border-radius:85% 0;*/

  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 0px;

  top:-5px;
  -webkit-transform:rotate(44deg);
  -ms-transform:rotate(44deg);
  transform:rotate(44deg);
  
}

 span.pen:before {
 	content: "";
    position: absolute;
    display: block;
    top:4px;
    left:15px;
    border-radius:50%;
    -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
    height:2px;
    width:5px;
    border:1px solid #35699B;
    background: #35699B;
    margin-top:-.25em;
    margin-left:-.25em;
  }
  span.pen:after {
  	content: "";
    position: absolute;
    display: block;
    top:0px;
    left:12px;
    border-top-left-radius: 0px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 4px;
    -webkit-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg);
    height:4px;
    width:3px;
    border:1px solid #35699B;
    background: #B2D3FF;
    
  }


  .nav-pills.nav-wizard a {
	font-weight:600;
	font-size:14px;
  }

  .nav-pills.nav-wizard a:hover {
	opacity:1.0;
	filter:alpha(opacity=100);
  }

  .nav-pills.nav-wizard > li {
  position: relative;
  overflow: visible;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 12px 15px;
}

/*.nav>li>a:hover {
    position: relative;
    display: block;
    padding: 13px 15px;
}*/
.nav-pills.nav-wizard > li + li {
  margin-left: 0;
}
.nav-pills.nav-wizard > li:first-child {
  border-left: 0;
}
.nav-pills.nav-wizard > li:first-child a {
  border-radius: 5px 0 0 5px;
}
.nav-pills.nav-wizard > li:last-child {
  border-right: 0;
}
.nav-pills.nav-wizard > li:last-child a {
  border-radius: 0 5px 5px 0;
}
.nav-pills.nav-wizard > li a {
  border-radius: 0;
  background-color: #eee;
}
.nav-pills.nav-wizard > li .nav-arrow {
  position: absolute;
  top: 0px;
  right: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 21px 21px;
  border-color: transparent transparent transparent #eee;
  z-index: 150;
}
.nav-pills.nav-wizard > li .nav-wedge {
  position: absolute;
  top: 0px;
  left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 21px 21px;
  border-color: #eee #eee #eee transparent;
  z-index: 150;
}
.nav-pills.nav-wizard > li:hover .nav-arrow {
  border-color: transparent transparent transparent #aaa;
}
.nav-pills.nav-wizard > li:hover .nav-wedge {
  border-color: #aaa #aaa #aaa transparent;
}
.nav-pills.nav-wizard > li:hover a {
  background-color: #aaa;
  color: #fff;
}
.nav-pills.nav-wizard > li.active .nav-arrow {
  border-color: transparent transparent transparent #428bca;
}
.nav-pills.nav-wizard > li.active .nav-wedge {
  border-color: #428bca #428bca #428bca transparent;
}
.nav-pills.nav-wizard > li.active a {
  background-color: #428bca;
}

.tab-content{
	display: block;
	width: 100%;
	float: left;
	padding: 0px 0px 10px 0px;
}

/*@media all and (max-width: 760px)
{

	.nav-pills.nav-wizard > li .nav-arrow {
		 border-width: 20px 20px 20px 20px;
	}
	.nav-pills.nav-wizard > li .nav-wedge {
		border-width: 20px 20px 20px 20px;
	}
}*/


/*
ul.nav-wizard {
  background-color: #f9f9f9;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  *zoom: 1;
  position: relative;
  overflow: hidden;
}
ul.nav-wizard:before {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 46px;
  height: 47px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}
ul.nav-wizard:after {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 138px;
  height: 47px;
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  z-index: 11;
  content: " ";
}
ul.nav-wizard li {
  position: relative;
  float: left;
  height: 46px;
  display: inline-block;
  text-align: middle;
  padding: 0 20px 0 30px;
  margin: 0;
  font-size: 16px;
  line-height: 46px;
}
ul.nav-wizard li a {
  color: #468847;
  padding: 0;
}
ul.nav-wizard li a:hover {
  background-color: transparent;
}
ul.nav-wizard li:before {
  position: absolute;
  display: block;
  border: 24px solid transparent;
  border-left: 16px solid #d4d4d4;
  border-right: 0;
  top: -1px;
  z-index: 10;
  content: '';
  right: -16px;
}
ul.nav-wizard li:after {
  position: absolute;
  display: block;
  border: 24px solid transparent;
  border-left: 16px solid #f9f9f9;
  border-right: 0;
  top: -1px;
  z-index: 10;
  content: '';
  right: -15px;
}
ul.nav-wizard li.active {
  color: #3a87ad;
  background: #d9edf7;
}
ul.nav-wizard li.active:after {
  border-left: 16px solid #d9edf7;
}
ul.nav-wizard li.active a,
ul.nav-wizard li.active a:active,
ul.nav-wizard li.active a:visited,
ul.nav-wizard li.active a:focus {
  color: #3a87ad;
  background: #d9edf7;
}
ul.nav-wizard .active ~ li {
  color: #999999;
  background: #ededed;
}
ul.nav-wizard .active ~ li:after {
  border-left: 16px solid #ededed;
}
ul.nav-wizard .active ~ li a,
ul.nav-wizard .active ~ li a:active,
ul.nav-wizard .active ~ li a:visited,
ul.nav-wizard .active ~ li a:focus {
  color: #999999;
  background: #ededed;
}
ul.nav-wizard.nav-wizard-backnav li:hover {
  color: #468847;
  background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover:after {
  border-left: 16px solid #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav li:hover a,
ul.nav-wizard.nav-wizard-backnav li:hover a:active,
ul.nav-wizard.nav-wizard-backnav li:hover a:visited,
ul.nav-wizard.nav-wizard-backnav li:hover a:focus {
  color: #468847;
  background: #f6fbfd;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li {
  color: #999999;
  background: #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li:after {
  border-left: 16px solid #ededed;
}
ul.nav-wizard.nav-wizard-backnav .active ~ li a,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:active,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:visited,
ul.nav-wizard.nav-wizard-backnav .active ~ li a:focus {
  color: #999999;
  background: #ededed;
}
*/

.form-control-100{
	width: 100% !important;
}

textarea
{
  width:100% !important;
  width:98%;
    margin:5px 0;
    padding:1%;
}

.sub-header {
	background:rgba(66,139,202,0.9);
	color: #FFFFFF;
	width: 100%;
	display: block;
	padding: 5px 5px 5px 5px; 
}


.nav.nav-tabs li.active a,
.nav.nav-tabs.nav-justified li.active a {
  background-color: #0099CC;
  color: #fff;
  border: none;
  box-shadow: none;
}
.nav.nav-tabs li.active a:hover,
.nav.nav-tabs.nav-justified li.active a:hover {
  background-color: #0099CC;
  color: #fff;
}
.nav.nav-tabs li a,
.nav.nav-tabs.nav-justified li a {
  border: none;
  -webkit-box-shadow: 0 0 3px 0 rgba(4, 4, 4, 0.3);
  -moz-box-shadow: 0 0 3px 0 rgba(4, 4, 4, 0.3);
  box-shadow: 0 0 3px 0 rgba(4, 4, 4, 0.3);
  font-weight: bold;
  margin-right: 4px;
}
.nav.nav-tabs li a:hover,
.nav.nav-tabs.nav-justified li a:hover {
  background-color: #0099CC;
  color: #fff;
}
.nav-tabs.nav-justified li:last-child a {
  margin-right: 0;
}
.tab-content .tab-pane {
  padding-top: 30px;
  border-top: 2px solid #0099CC;
}
.tab-content--withBorder .tab-pane {
  -webkit-box-shadow: 0 0 3px 0 rgba(4, 4, 4, 0.3);
  -moz-box-shadow: 0 0 3px 0 rgba(4, 4, 4, 0.3);
  box-shadow: 0 0 3px 0 rgba(4, 4, 4, 0.3);
  padding: 30px;
}
.nav-tabs {
  border: none;
}
.nav-tabs li {
  border: none;
}
.ct-nav--left.nav-tabs {
  -webkit-box-shadow: 0 0 3px 0 rgba(4, 4, 4, 0.3);
  -moz-box-shadow: 0 0 3px 0 rgba(4, 4, 4, 0.3);
  box-shadow: 0 0 3px 0 rgba(4, 4, 4, 0.3);
  border-radius: 4px;
}
.ct-nav--left.nav-tabs li {
  width: 100%;
}
.ct-nav--left.nav-tabs li a {
  box-shadow: none;
  margin: 0;
  border-radius: 0;
  border-bottom: 1px solid #e5e5e5;
}
.ct-nav--left.nav-tabs li:first-child a:hover {
  border-radius: 4px 4px 0 0;
}
.ct-nav--left.nav-tabs li:last-child a {
  border-bottom: none;
}
.ct-nav--left.nav-tabs li:last-child a:hover {
  border-radius: 0 0 4px 4px ;
}

.ct-u-displayTableCell {
     width: 20%;
     display: inline-block;
   }