/* ================================
    CSS STYLES FOR THE PORTAL STATER KIT
    v1.0, 10/2002
   ================================
*/
		@import url("/css/style.css");
		@import url("/content/clip-one/assets/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css");
		@import url("/content/clip-one/assets/plugins/font-awesome/css/font-awesome.min.css");
		@import url("/content/clip-one/assets/fonts/style.css");
		@import url("/content/clip-one/assets/css/main.css");
		@import url("/content/clip-one/assets/css/main-responsive.css");
		@import url("/content/clip-one/assets/plugins/iCheck/skins/all.css");
		@import url("/content/clip-one/assets/plugins/bootstrap-colorpalette/css/bootstrap-colorpalette.css");
		@import url("/content/clip-one/assets/plugins/perfect-scrollbar/src/perfect-scrollbar.css");
		@import url("/content/clip-one/assets/css/theme_light.css" id="skin_color");
   		@import url("/content/clip-one/assets/plugins/ladda-bootstrap/dist/ladda-themeless.min.css");
		@import url("/content/clip-one/assets/plugins/bootstrap-switch/static/stylesheets/bootstrap-switch.css");
		@import url("/content/clip-one/assets/plugins/bootstrap-social-buttons/social-buttons-3.css");
		@import url("/content/clip-one/assets/plugins/select2/select2.css");
		@import url("/content/clip-one/assets/plugins/datepicker/css/datepicker.css");
		@import url("/Content/clip-one/assets/plugins/bootstrap-datetimepicker/css/datetimepicker.css");
		@import url("/content/clip-one/assets/plugins/bootstrap-daterangepicker/daterangepicker-bs3.css");
		@import url("/content/clip-one/assets/plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.css");
		@import url("/content/clip-one/assets/plugins/jQuery-Tags-Input/jquery.tagsinput.css");
		@import url("/content/clip-one/assets/plugins/bootstrap-fileupload/bootstrap-fileupload.min.css");
		@import url("/content/clip-one/assets/plugins/summernote/build/summernote.css");
		@import url("/content/clip-one/assets/plugins/ckeditor/contents.css");
		@import url("/content/clip-one/assets/plugins/select2/select2.css");
		@import url("/content/clip-one/assets/plugins/DataTables/media/css/DT_bootstrap.css");

.BoldRed {color:Red; font-weight:bold;}
.BoldGreen {color:Green; font-weight:bold;}
.ContractHire {color: #FF6600; font-weight: bold;}
.Contract{color:Red; font-weight:bold;}
.Permanent{color:Green; font-weight:bold;}
Tabs {height:35px; font-weight:Normal; color:white; line-height:35px; font-size:4px;  padding: 10px 5px 0 5px; background:white;text-decoration:none; text-transform:lowercase; }
.Tabs a:link {height:35px;font-size: 14px ; font-weight:Normal;padding:0 5px;padding: 10px 5px 0 5px;text-decoration:none; text-transform:uppercase;  }
.Tabs a:visited{ height:15px; font-size: 14px ;  font-weight:Normal; color: #aab0b2; padding: 10px 5px 0 5px; text-decoration:none; text-transform:lowercase;background:None; }
.Tabs a:hover{ height:15px; font-size: 14px ;  font-weight:Normal; color:#ffffff; text-decoration: none; padding: 10px 5px 0 5px; background:red; text-transform:uppercase;}
.Tabs a:active{ height:35px; font-size: 14px ;  font-weight:Normal; color: #ffffff; padding: 10px 5px 0 5px;text-decoration:none; text-transform:uppercase;}
.selectedtab
{
	height: 25px;
	background: red;
	/*background-image: url('/images/MenuBack.png');*/
	background-repeat: repeat-x;
}
.selectedtab a:link {color: white;}
.selectedtab a:visited{color: white;}
.selectedtab a:hover{ color: white;}
.selectedtab a:active{ color: white; }

.TabsDynamic{  height: auto; font-size: 14px;  font-weight: Normal; height:3px; padding:5px 15px 5px 15px; width: auto; 	border-width: 0px;			line-height:30px;text-decoration:None;  }
.TabsDynamic a:link { width:320px;text-decoration:None;padding-right:auto;}
.TabsDynamic a:visited {background:none;width:320px;text-decoration:None;}
.TabsDynamic a:hover{text-decoration:none;width: 320px;padding-right:auto Important!;}
.TabsDynamic a:active { width:320px;text-decoration:None;background:None;}
TabsInterview {height:20px; font-weight:Normal; color:#707070; text-decoration:none; line-height:20px; font-size:18px;  padding: 0 5px 0 5px;}
.TabsInterview a:link {height:20px;font-size: 18px ; font-weight:Normal;color: #000000;padding: 0 5px 0 5px; text-decoration: underline;}
.TabsInterview a:visited{ height:20px; font-size: 18px ;  font-weight:Normal; color: #000000;padding: 0 5px 0 5px; text-decoration: underline;}
.TabsInterview a:hover{ height:20px; font-size: 18px ;  font-weight:Normal; color: #0084bb; color: orange; text-decoration: underline;padding: 0 5px 0 5px; }
.TabsInterview a:active{ height:20px; font-size: 18px ;  font-weight:Normal; color: #000000;padding: 0 5px 0 5px; text-decoration: underline;}

#sub-nav {position:relative; text-align:right ;line-height:14px; font-size:11px; text-transform:uppercase;padding:2px 0 0 0; width:auto;color:white;margin-right:10px}
#sub-nav a { color:orange; text-decoration:underline; line-height:14px; font-size:11px;}
#sub-nav a:hover{ color:#0084bb;}
.CommandButton{ display:inline-block; margin:5px 0; border:0 none; font-family: 'Cabin', sans-serif; color:#753d00; text-transform:uppercase; font-size:12px; font-weight:600; text-align:center; text-decoration:none; height:32px; line-height:32px; text-align:center; min-width:80px; padding:0 20px; -webkit-border-radius:17px; border-radius:17px; -webkit-box-shadow: 0 1px 1px 0 #c0c0c0; box-shadow: 0 1px 1px 0 #c0c0c0; background:url(images/buttons_styled.png) 0 repeat-x #eb9811; border:1px solid #b16008}
.HeadBg{background-color: #fafae3;background-color:white;}
.Message{	font-weight: normal;	font-size: 10px; background-color: #eeeeee;}
.SubHead {font-weight:bold;}
.SubHead a:link, a:visited {font-weight: Bold;font-size:13px; color:#00314e;text-decoration:underline;}
.SubHead a:hover {font-weight: Bold;font-size:14px; color:Orange;text-decoration:underline;}
.SubHead a:active {font-weight: Bold;font-size:14px; color:#00314e;text-decoration:underline;}
.SubSubHead {font-size: 14px;font-weight:bold;color: DarkRed;}
.SubSubHead a:link, a:visited {font-weight: Bold;font-size:14px;  color:#00314e;text-decoration:underline;}
.SubSubHead a:hover {font-weight: Bold;font-size:14px;  color:Orange;text-decoration:underline;}
.SubSubHead a:active {font-weight: Bold;font-size:14px;  color:#00314e;text-decoration:underline;}
.ErrorWarn{ height:auto;padding: 5px 5px 5px 28px; border: 0px solid #800000; margin: 5px; font-weight:bold ;  font-size:11px; color: #800000;  background-color: #FFFF99; vertical-align: middle ; text-align: center; background-position: 2px center; background-image: url( '/images/warning24.gif' ); background-repeat: no-repeat;}
.ErrorM{padding: 5px 5px 5px 28px;border: 0px solid Red;margin: 5px; font-weight:bold ;  font-size:11px;color: Red; background-color: #FFCCCC;vertical-align: middle;text-align: center;background-position: 2px center;background-image: url('/images/cancel24.gif');background-repeat: no-repeat;}
.ErrorOK{padding: 5px 5px 5px 28px;border: 0px solid #008000;margin: 5px;font-weight:bold ;  font-size:11px;color: Green; background-color: #B3FDB8;vertical-align: middle;text-align: center;background-position: 2px center;background-image: url( '/images/accept24.gif' );background-repeat: no-repeat;}
.Normal{ font-weight: normal; font-size: 13px; color: black; }
.NormalGray{ font-weight: normal; font-size: 12px; color: Green ; }
.TextBoxAlignRight{ background:lightOrange;text-align:right; padding:0;}
.TextBoxAlignLeft{ font-weight: normal; font-size: 12px; background-color: #e4eeff;  text-align: right;}
.TimesheetTextBox{ font-weight: normal; font-size: 12px; background:lightYellow;  }
.NormalS{ font-weight: normal; font-size: 9px; color: #000000; }
.NormalTableS{ font-weight: normal; font-size: 9px; color: #000000; }
.NormalTextBox{ font-weight: Normal; font-size: 14px;  }
.NormalRed{	font-weight: bold;	font-size: 14px;	color: #000000; }
.NormalBold{	font-weight: bold;	font-size: 14px; }
HR{ color:#707070;	height: 1pt;	text-align: left;	padding:1px 0 1px 0;	}
.hello{ page-break-after:always;}
.whitecell{ color: black; background-color: white; }
.TableHead2,.SearchHead2{ font-size: 16pt; font-weight: Bold; height:36px;font-size:22px; color:#00314e;}
.SearchHead22{ color: white;  font-size: 16pt; font-weight: Bold; height:36px;background: rgb(82,115,160); background: -moz-linear-gradient(top, rgba(82,115,160,1) 0%, rgba(118,152,186,1) 50%, rgba(103,141,181,1) 51%, rgba(172,194,214,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(82,115,160,1)), color-stop(50%,rgba(118,152,186,1)), color-stop(51%,rgba(103,141,181,1)), color-stop(100%,rgba(172,194,214,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, rgba(82,115,160,1) 0%,rgba(118,152,186,1) 50%,rgba(103,141,181,1) 51%,rgba(172,194,214,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, rgba(82,115,160,1) 0%,rgba(118,152,186,1) 50%,rgba(103,141,181,1) 51%,rgba(172,194,214,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(82,115,160,1) 0%,rgba(118,152,186,1) 50%,rgba(103,141,181,1) 51%,rgba(172,194,214,1) 100%); /* IE10+ */background: linear-gradient(to bottom, rgba(82,115,160,1) 0%,rgba(118,152,186,1) 50%,rgba(103,141,181,1) 51%,rgba(172,194,214,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5273a0', endColorstr='#acc2d6',GradientType=0 ); /* IE6-9 */}
.Hlink {color:#0084bb; text-decoration:underline; line-height:25px; font-size:11px; }
.HideTextbox{border:0; width:0px; display:none !important;}
.HiddenTextBox{ border:0; width:0px; display:none !important;}


#main-nav {padding:20px 0 80px 0;}
	
}


body{	background-color: #ffffff !important;}

@media only screen and (min-width: 290px) and (max-width:768px){

footer
{
	height: 175px;
}
}

.myred {
	color: #d9534f !important;
}


.mygreen {
	color: #5cb85c !important;
}

.myblue {
	color: #3A87AD !important;
}

.mygold {
	color: orange !important;
}

.mygray {
	color: gray !important;
}



.mysilver {
	color: silver  !important;
}


.mycenter {
	text-align:center !important;
	align-content:center !important;

}

.tab-content {
	border:0px !important;
}

.circle-gray

{
	background-color: gray !important;
}

.circle-silver {
	background-color: silver  !important;
}

.circle-darkgreen {
	background-color: darkgreen  !important;
}

.circle-lightblue {
	background-color: #3A87AD !important;
}

.circle-myred {
	background-color: #d9534f !important;
}

.circle-mygreen {
	background-color: #5cb85c !important;
}

.circle-myblue  {
	background-color: #5bc0de !important;
}




.badge-gray {
	background-color: gray !important;
}

.badge-silver {
	background-color: silver !important;
}

.badge-darkgreen {
	background-color: darkgreen !important;
}

.badge-lightblue {
	background-color: #3A87AD !important;
}

.badge-myred {
	background-color: #d9534f !important;
}

.badge-mygreen {
	background-color: #5cb85c !important;
}

.badge-myblue {
	background-color: #5bc0de !important;
}




.progress-bar-gray {
	background-color: gray !important;
}

.progress-bar-silver {
	background-color: lightgrey  !important;
}

.progress-bar-darkgreen {
	background-color: darkgreen !important;
}

.progress-bar-lightblue {
	background-color: #3A87AD !important;
}

.progress-bar-myred {
	background-color: #d9534f !important;
}

.progress-bar-mygreen {
	background-color: #5cb85c !important;
}

.progress-bar-myblue {
	background-color: #5bc0de !important;
}


.navbar-header {

	background:none !important;
}

.navbar-tools {
	background: none !important;
}