﻿
/*
    _____________________________________________________________________________
   |         (c) Copyright University of Oxford 2016.
   |                    All Rights Reserved
   |_____________________________________________________________________________
      Project           :  Student System Programme
      File Name         :  sits.css
      Author            :  SSP.
      SC Version        :  3
      Desc/Purpose      :  Sits-evision master  stylesheet
      SCCS Path         :  /sccs/xxigs_top/plsql/s.XXIGS_StdUtlFile.pks

      Revision History:
      Ver        Date       Author  Description
      ---------  ---------- ------- ------------------------------------
	  0			 15-MAY-12	MR1		Initial Release.
	  1			 06-JUN-12	TP 		Stripped out not used styles	
	  2			 19-JUL-12	TP 		Replaced all three character colour codes with six for IE / class .noborders
	  3			 15-JAN-14	DP 		Removed all unnecessary classes, tidied style sheet and added comments.
	  4			 17-JAN-14	IL 		Comments on lines 1254 & 1547 to fix menu colour alignment
	  5			 20-JAN-14	IL 		Added button style back in
	  6			 04-Feb-14	IL 		added text-align to tablegrid td classes line 1490
	  7			 03-APR-14	IL 		Change VISA, Admissions, dataviews support colours.  Removed 'general' container class
	  8			 27-Aug-14	IL 		added .clearCaption class
	  9			 27-Feb-15	SN 		added tr.data1:hover class
	  10		 01-Sep-16	TP 		9.2	
	  11		 09-Sep-20	ROH		Additions for Crankstart DR6103
	  12		 14-Jun-21	ROH		Text colour of progress bar changed
	  13		 24-Jun-21	ROH		Overriding styling changes to ui-tabs introduced in SITS v10
	  14		 13-Jul-21	GT 		Overriding styling changes to datepickers introduced in SITS v10
	  15		 04-Apr-25	ROH		sv-btn-default
      ---------  ---------- ------- ------------------------------------
*/

/*import additional files 
@import url(../css/sits-ieold.css);   
*/   
.sitscopsection{
/* 9.2 adjustments to match 8.8.1*/
	background-color:white ! important;
	border-color:white ! important;
}   
   
 .sitsconborder{
/* 9.2 adjustments to match 8.8.1*/
	background-color:white ! important;
	border-color:white ! important;
}     

 #sits_search_button_sm{
/* 9.2 adjustments to match 8.8.1*/
	display:none ! important;
}

 .sitsportalpagetitle{
/* 9.2 adjustments to match 8.8.1*/
	border-width:0px ! important;
	margin-bottom: 15px !important;
}  

 #sitsportalpagetitlesection{
/* 9.2 adjustments to match 8.8.1*/
	padding:0px ! important;
}  
.clearCaption{
/* Add a caption to a table and meet accessibility requirements by not having an additional TR/TD */
	background-color:white ! important;
	color:black ! important;
}

a.image:link { text-decoration: none; font-weight: normal; color: #FFFFFF}
a.image:visited { text-decoration: underline; font-weight: normal; color: #FFFFFF}
a.image:hover { text-decoration: underline; font-weight: normal; color: #666}
a.image:active { text-decoration: underline; font-weight: normal; color: #666}
a.nounderline{text-decoration: none !important;color: #000000 !important;}

/* MASTER LAYOUT CLASSES FOR PORTAL STRUCTURE, INSTEAD OF DEFAULT TABLES */
#menucontainer{
	height:auto;
	float:left;
	max-width:220px;
	margin-bottom:20px;
	background:#f0f0f0;
}

#contentcontainer{
	width:85%;
	float:left;
	margin:0 auto;
	background-color:#f0f0f0;
	min-height:500px;
	overflow-x:visible;
	position:relative;
}

#contentcontainer_ext{
	width:85%;
	float:left;
	margin:0 auto;
	background-color:transparent;
}

#footercontainer{
	padding-top:2%;
	padding-bottom: 50px;
	clear:both;
	width:100%;
	margin-top:2%;
	background:#002147;
	color:#fff;
	position:relative;	
}


#footercontainer a, #footercontainer a:link, #footercontainer a:visited, #footercontainer a:active{
	color:#FFFFFF;font-weight:normal;text-decoration:none ! important;
}

#footercontainer a:hover{
	text-decoration:underline ! important;
}

#sitspagefooter1 ul, #sitspagefooter2 ul,  #sitspagefooter3 ul, #sitspagefooter4 ul{
	list-style:none;
	padding-left:0;margin:0
}

#sitspagefooter1 {
	display: inline-block;
	padding-left: 15px;
	padding:5px;
	width:400px;
	margin-left:5px;
}

#sitspagefooter2 {
	display: inline-block;
	padding-left: 15px;
	padding:5px;
	width:400px;
	margin-left:5px;   	
}

#sitspagefooter3 {
	display: inline-block;
	padding-left: 15px;
	padding:5px;
	width:400px;
	margin-left:5px;
}

#sitspagefooter4 {
	display: inline-block;
	padding-left: 15px;
	padding:5px;
	width:400px;
	margin-left:5px;
}

/* HALOVAN CLASSES FORM PART OF MASTER LAYOUT, FOR ADDITIONAL MENU TOP RIGHT IN HEADER */
#halonav{
	position:absolute;
	top:30px;
	right:20px;
	background:transparent;
	line-height:20px;
	margin-bottom:100px;
	background: #dddddd;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#halonav ul li{
	float:left;
	list-style:none;
	padding:0 5px;
	line-height:20px
}

#halonav ul{
	margin:0;padding:0
}

#halonav ul li a{
	float:left;list-style:none;text-decoration:none;color:#000000;font-weight:bold;
	background:#4A91DC;
	background-color: #4A91DC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #FFFFFF;
	padding:5px;
}

#halonav ul li a:hover{
	text-decoration:underline
}

#halonav li.logout a{
	line-height:20px;
	text-align:center;
	font-weight:bold;
	padding-right:25px;
}
  
  
#halonav li.logout img{
	position:absolute;
	top:12px;
	right:14px
}  


/* LOGIN PAGE CLASSES FOR MODERN LOGIN PAGE :: SINCE REVERTED TO VANILLA */
.sitsloginbox{
	background:url(../oxford_files/sitsbox.png);
	width:300px;
	height:150px;
	float:left;
	margin:10px 10px 50px 10px;
}

.sitsloginbox p{
	margin:5px;
	padding:5px;
}

/* THE FOLLOWING CLASSES CREATE THE TABLE TOP COLOUR CHANGES PER PROJECT AREA IN THE PORTAL */
/* Ensure a SSC1 record exists in SITS for each of these classes*/
/* light blue */
.CONTAINER{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
	background-color: #4A91DC;
}

/* Oxford blue */
.CONTAINERHOME{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
	background-color: #002147;
}

/* Saddle brown
No longer required 3/4/2015 IL
.CONTAINERGENERAL{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
	background-color: #8B4513;
}
 */
/* purple */
.CONTAINERCEREMONY{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
	background-color: #903A93;
}

/* Orange */
.CONTAINEREXAMS{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
	background-color: #B1531F;
}

/* Bluey green*/
.CONTAINERFEES{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
	background-color: #007770;
}

/* Green */
.CONTAINERADMISSIONS{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
	background-color: #007847;
	}



/* Maroon */
.CONTAINERSTUDENTRECORDS {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
    background-color: #800000;
}

/* Maroon */
.CONTAINERREG {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
    background-color: #800000;
}

/* Blue */
.CONTAINERVISA {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
    background-color: #08637E;
}

/* Pink */
	/*
	No longer required 3/4/2015 IL
	.CONTAINERPROGINFO{
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		width: 100%;
		color: #FFFFFF;
		line-height: 30px;
		margin-bottom: 15px;
		background-color: #CC3399;
	}
	*/
/* Slate */
	/*
	No longer required 3/4/2015 IL
	.CONTAINERPROFILE{
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		width: 100%;
		color: #FFFFFF;
		line-height: 30px;
		margin-bottom: 15px;
		background-color: #333333;
	}
	*/
/* black */
.CONTAINERSUPPORT{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
	background-color: #000000;
}

/* Pink */
.CONTAINERDATAVIEW{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
	background-color: #BF0982;
}

/* BLUE */
.CONTAINERSVFC{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
	background-color: #0618C6;
}

/* Green */
.CONTAINERGSR{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 100%;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 15px;
	background-color: #007770;
}

/* THIS LIST OF CLASSES COLOURS THE MAIN NAVIGATION MENU COMPONENTS TO THE COLOUR SCHEME PER PROJECT AREA */
/* MENU HIGHLIGHTS FOR ACTIVE PAGES PER CONTENT SECTION E.G. DEGREE CEREMONIES */
/* Ensure a SSC1 record exists in SITS for each of these classes*/

.HOME{background:#002147 !important} 		/* SSC= HOME Oxford blue */
/*.GENERAL{background:#8B4513 !important} 	 SSC= GENERAL saddle brown */
/*.ADMISSIONS{background:#007847 !important} 	/* SSC= ADMISSIONS GREEN */
.PROGINFO{background:#CC3399 !important} 	/* SSC= PROGINFO PINK */
.STURECORDS{background:#800000 !important} 	/* SSC= STURECORDS MAROON */
.VISA{background:#08637E !important} 		/* SSC= VISA blue */
.REG{background:#800000 !important} 		/* SSC= REG MAROON */
.FEEFUND{background:#007770 !important} 	/* SSC= FEEFUND BLUEY-GREEN */
.EXAMS{background:#B1531F !important} 		/* SSC= EXAMS ORANGE */
.DEGREECER{background:#903A93 !important} 	/* SSC= DEGREECER PURPLE */
.PROFILE{background:#333333 !important} 	/* SSC= PROFILE SLATE */
.SUPPORT{background:#000000 !important} 	/* SSC= SUPPORT Black */
.DATAVIEW{background:#BF0982 !important} 	/* SSC= DATAVIEW Pink */
.SVFC{background:#0618C6 !important} 	/* SSC= SVFC Blue*/
.GSR{background:#007770 !important} 	/* SSC= SVFC Blue*/

#ADM_STAFF:hover{background-color: #007847 ! important;}
#ADM_STUDENT:hover{background-color: #007847 ! important;}
#DCY_STAFF:hover{background-color: #903A93 ! important;}
#DCY_STUDENT:hover{background-color: #903A93 ! important;}
#EXA_STAFF:hover{background-color: #B1531F ! important;}
#EXA_STUDENT:hover{background-color: #B1531F ! important;}
#FAF_STAFF:hover{background-color: #007770 ! important;}
#FAF_STUDENT:hover{background-color: #007770 ! important;}
#HOME_STAFF:hover{background-color: #105e63 ! important;}
#HOME_STUDENT:hover{background-color: #105e63 ! important;}
#HOME_ALL:hover{background-color: #105e63 ! important;}
#PGM_RESEARCH:hover{background-color: #800000 ! important;}
#REG:hover{background-color: #800000 ! important;}
#REG_ENR:hover{background-color: #800000 ! important;}
#REG_STAFF:hover{background-color: #800000 ! important;}
#REG_STUDENT:hover{background-color: #800000 ! important;}
#REP_STAFF:hover{background-color: #BF0982 ! important;}
#REP_STUDENT:hover{background-color: #BF0982 ! important;}
#STR_STAFF:hover{background-color: #800000 ! important;}
#STR_STUDENT:hover{background-color: #800000 ! important;}
#SUPP_STAFF:hover{background-color: #000000 ! important;}
#SUPP_STUDENT:hover{background-color: #000000 ! important;}
#VISA_STAFF:hover{background-color: #08637E ! important;}
#VISA_STUDENT:hover{background-color: #08637E ! important;}
#SVFC_STAFF:hover{background-color: #0618C6 ! important;}
#SVFC_STUDENT:hover{background-color: #0618C6 ! important;}
#GSR_STAFF:hover{background-color: #007770 ! important;}
#GSR_STUDENT:hover{background-color: #007770 ! important;}
#VOL_STUDENT:hover{background-color: #007770 ! important;}

#smADM_STAFF:hover{background-color: #007847 ! important; color:#ffffff ! important;}
#smADM_STUDENT:hover{background-color: #007847 ! important; color:#ffffff ! important;}
#smDCY_STAFF:hover{background-color: #903A93 ! important; color:#ffffff ! important;}
#smDCY_STUDENT:hover{background-color: #903A93 ! important; color:#ffffff ! important;}
#smEXA_STAFF:hover{background-color: #B1531F ! important; color:#ffffff ! important;}
#smEXA_STUDENT:hover{background-color: #B1531F ! important; color:#ffffff ! important;}
#smFAF_STAFF:hover{background-color: #007770 ! important; color:#ffffff ! important;}
#smFAF_STUDENT:hover{background-color: #007770 ! important; color:#ffffff ! important;}
#smHOME_STAFF:hover{background-color: #105e63 ! important; color:#ffffff ! important;}
#smHOME_STUDENT:hover{background-color: #105e63 ! important; color:#ffffff ! important;}
#smHOME_ALL:hover{background-color: #105e63 ! important; color:#ffffff ! important;}
#smPGM_RESEARCH:hover{background-color: #800000 ! important; color:#ffffff ! important;}
#smREG:hover{background-color: #800000 ! important; color:#ffffff ! important;}
#smREG_ENR:hover{background-color: #800000 ! important; color:#ffffff ! important;}
#smREG_STAFF:hover{background-color: #800000 ! important; color:#ffffff ! important;}
#smREG_STUDENT:hover{background-color: #800000 ! important; color:#ffffff ! important;}
#smREP_STAFF:hover {background-color: #BF0982 ! important; color:#ffffff ! important;}
#smREP_STUDENT:hover{background-color: #BF0982 ! important; color:#ffffff ! important;}
#smSTR_STAFF:hover{background-color: #800000 ! important; color:#ffffff ! important;}
#smSTR_STUDENT:hover{background-color: #800000 ! important; color:#ffffff ! important;}
#smSUPP_STAFF:hover{background-color: #000000 ! important; color:#ffffff ! important;}
#smSUPP_STUDENT:hover{background-color: #000000 ! important; color:#ffffff ! important;}
#smVISA_STAFF:hover{background-color: #08637E ! important; color:#ffffff ! important;}
#smVISA_STUDENT:hover{background-color: #08637E ! important; color:#ffffff ! important;}
#smSVFC_STAFF:hover{background-color: #0618C6 ! important; color:#ffffff ! important;}
#smSVFC_STUDENT:hover{background-color: #0618C6 ! important; color:#ffffff ! important;}
#smGSR_STAFF:hover{background-color: #007770 ! important; color:#ffffff ! important;}
#smGSR_STUDENT:hover{background-color: #007770 ! important; color:#ffffff ! important;}
#smVOL_STUDENT:hover{background-color: #007770 ! important; color:#ffffff ! important;}

/* DEFAULT BACKGROUND (WHITE) APENDED TO EACH CGR */
.CONBACK{
	background: #ffffff;
	margin: 0 0 30px 0;
	padding: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* SPACING CONTROLS FOR THE SITSCONTAINERS ON THE PORTAL DIV MODE LAYOUT */
.sitscontainer{
	background: #ffffff;
	margin: 0 0 45px 0;
	padding: 20px 10px 20px 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position:relative;
	float:left ; width:100%/*possibly remove */
}

/* PAGE MASTER HEADER */
#sitscpgtitle{
	float:left
}

h1#sitscpgtitle {
   color: #fff;
    font-family:Verdana;
    font-size: 2.5em;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 0.8em;
    margin: 40px 10px 0px 250px;
	
}

/*CONTROL FOR THE CONTAINER HEADER SPACE/SIZE */
h2.sitsContitle{
	line-height:25px;
	margin:0;
	padding:2px 0 0 5px;
	font-size:14px
}




/*An alternative table layout 18/07/2013*/

table.noborders
{
border:1px solid black;
width:100%;
font-size:13px;
background-color:#FFFFFF;
border-collapse: separate;
}
table.noborders td
{
padding:3px;
font-size:13px;
}


/* CURSOR STYLE OVERRIDE */
input[type=button]:hover, 
input[type=submit]:hover{
	text-decoration:underline;
}



/*#poddatasection{margin-top:30px;float:left;width:97%} */

/* AMENDMENTS TO SITS MESSAGEBOX STYLING TO STOP BAD POSITIONING */
#sitsmessagebox{background:#fff;margin-top:60px;}
#sitsmessagetitlesection{line-height:30px;height:30px;border:1px solid #000;border-bottom:0}
#sitsmessagetitlesection p.sitsmessagecode{float:left}
#sitsmessagetitlesection h2.sitsmessagetitle{float:left;margin-top:0}
.sitsmessagecode{margin-top:0;font-weight:bold}
.sitsmessagecontenticon{display:none}
.sitsmessagetitleicon{display:none}
.sitsmessagecontent{padding-left:5px;color:#000000;}
.sitsmessagetitle{color:#ffffff !important;font-weight:bold;margin-left:5px}
.sitsmessagecode{color:#ffffff;font-weight:bold;}
#sitsmessagecontentsection{border:1px solid #000; margin:7px;  padding:7px;}
.sitsmessagecontentsection{border:1px solid #000; margin:7px;  padding:7px;}




/* LEFTLIST AND RIGHTLIST ELEMENTS FOR DISPLAY OF WELCOME INFORMATION ON HOME TAB, ONLY USED ON THIS PAGE */
.leftlist{
	width:47%;
	float:left;
	list-style-type:none
}

.leftlist h3{
	font-size:1.5em !important;
	color:#002147 !important;
	font-weight:normal !important;
	line-height:0.8em !important;
	margin:10px 0 15px !important
}

h2.reporttitle{
	font-size:2em;
	color: #002147;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 0.8em;
    margin: 1px 0 30px;
}

img.left_img{
	float: left;
}

.rightlist{
	width:47%;float:right;list-style-type: none;
}
.rightlist h3{
	font-size:1.5em !important;
	color:#002147 !important;
	font-weight:normal !important;
	line-height:0.8em !important;
	margin:10px 0 15px !important
}




/* RETURN TO TOP ANCHOR LINK */
.toplink{
	position:absolute;
	left:290px;
	top:18px;
	color:#fff !important;
}

.listtitle{font-weight:bold;font-size:110%;padding-bottom:5px;background:none !important}

/* OVERRIDES FOR LEGACY ELEMENTS TO ENSURE CONSISTENCY */
h1.sitspagetitle {
	font-size:2em;
	color: #002147;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 0.8em;
    margin: 40px 0 30px 0;
}
 
p.sitspagedesc {
	font-family: Verdana;
	color: #666666;
	text-align:justify;
}

/* sits page help is placed at the end of the page - text is normally
 held in boilerplate BP003. Reposition using CSS here if required */
 
#sitspagehelp {
} 

p.sitspagehelp {
	font-family: Verdana;
	color: #666666;
	text-align:justify;
}


.colhead1 {  font-family: Verdana ! important;   color: #000000 ! important; background-color: #F0F0F0 ! important;  font-weight: bold ! important; padding: 5px;}
.rowhead1 {  font-family: Verdana ! important;   color: #000000 ! important; background-color: #F0F0F0 ! important; font-weight: normal ! important; padding: 5px;}
.sitstablegrid th {  border: 1px solid #666666 ! important;}
.sitstablegrid th {  font-family: Verdana ! important;   color: #000000 ! important; background-color: #F0F0F0 ! important; font-weight: bold ! important; font-size: 13px; background-clip: padding-box;}
.sitstablegrid td {	border: 1px solid #666666 ! important;}
.black-outline {	border: 1px solid #666666;}
.data1 {  font-family: Verdana ! important;  color: #000000 ! important; font-weight: normal ! important;}
.data1over { font-family: Verdana ! important;  color: #000000 ! important; background-color: #F0F0F0 ! important; font-weight: normal ! important;}
tr.data1:hover { font-family: Verdana ! important;  color: #000000 ! important; background-color: #F0F0F0 ! important; font-weight: normal ! important;}
.error1 {  font-family: Verdana; font-size: 18px; color:  #FF0000; font-weight:bold;}

#sitspagetitle {border:0 !important;}

caption a:link { text-decoration: underline ! important; font-weight: normal ! important; color: #000000 ! important;}
caption a:hover { text-decoration: underline ! important; font-weight: normal ! important; color: #000000 ! important;}
caption a:active { text-decoration: underline ! important; font-weight: normal ! important; color: #000000 ! important;}
a:link { text-decoration: underline ! important;}
.sv-navbar-nav > li > a {padding-bottom: 49px ! important;}
.sv-navbar-nav a:link { text-decoration: none ! important;}
/*.sv-page-header{display: none ! important;}*/
.sv-panel-footer { font-family: Verdana ! important;  color: #000000 ! important; background-color: #FFFFFF ! important; font-weight: normal ! important; border: 0 ! important;}
.sv-panel-primary {border-color: #FFFFFF ! important;}
.sv-header-main { margin-bottom: 3em ! important;}
#sits_search_input_xs{display:none ! important;}
#sits_search_button_xs{display:none ! important;}
.ui-multiselect-checkboxes li{font-size: 1em ! important;}
.forminmand { background-color: #F4ECAD ! important;}
label{font-weight: normal ! important;}
h1.sitsportalpagetitle{font-weight: normal ! important;}
fieldset {padding-left: 1% ! important;}
legend {font-size: 13px ! important; width: auto ! important; margin-bottom: inherit ! important;}
.ui-tabs .ui-tabs-nav li a { background-color: #F0F0F0; cursor: pointer; text-decoration: none ! important; text-transform: none; font-weight: 400;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {border-color: blue; border-width: 1px; border-style: solid; color: #555555;}
.sv-header-image{margin: 15px ! important;}
.ui-widget{font-size: 13px ! important; font-family: "Verdana", Helvetica Neue, Helvetica, Arial, sans-serif ! important;}
.sitstabledescriptioncell{background-color: #F0F0F0 ! important; background-image: none ! important;}
div.dataTables_paginate a {padding: 5px ! important;}
.paginate_button current  {padding: 5px ! important;}
table.dataTable{border-collapse: collapse ! important;}
.sitscophelp{font-size: 100% ! important;}
 html input[type="button"], input[type="reset"], input[type="submit"] {color: #000000 ! important; font-weight: bold ! important; background-color: #CCCCCC ! important; border: 1px solid #333333 ! important;  -webkit-border-radius: 5px; border-radius: 5px;     box-shadow: inset 0 -35px 35px -18px #CCCCCC;}
 html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {color: #000000 ! important; font-weight: bold ! important; text-decoration: underline ! important; background-color: #CCCCCC ! important; border: 1px solid #333333 ! important;  -webkit-border-radius: 5px; border-radius: 5px;     box-shadow: inset 0 -35px 35px -18px #CCCCCC;}
 html input[type="file"]  {color: #000000 ! important; font-weight: bold ! important; padding-top: 7px ! important;}


.sv-btn-primary,
.sv-btn-default {
	color: #000000 ! important;
	font-weight: bold ! important;
	background-color: #CCCCCC ! important;
	border: 1px solid #333333 ! important;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 0 -35px 35px -18px #CCCCCC;
	}

.sv-btn-primary:hover,
.sv-btn-default:hover {
	color: #000000 ! important; 
	font-weight: bold ! important; 
	text-decoration: underline ! important; 
	background-color: #CCCCCC ! important; 
	border: 1px solid #333333 ! important;  
	-webkit-border-radius: 5px; 
	border-radius: 5px;     
	box-shadow: inset 0 -35px 35px -18px #CCCCCC;
	}

	
.ui-button {color: #000000 ! important; font-weight: bold ! important; background-color: #CCCCCC ! important; border: 1px solid #333333 ! important;  -webkit-border-radius: 5px; border-radius: 5px;     box-shadow: inset 0 -35px 35px -18px #CCCCCC;}
.ui-button:hover {color: #000000 ! important; font-weight: bold ! important; text-decoration: underline ! important; background-color: #CCCCCC ! important; border: 1px solid #333333 ! important;  -webkit-border-radius: 5px; border-radius: 5px;     box-shadow: inset 0 -35px 35px -18px #CCCCCC;}

.sitsrowhead {text-align: left; color: #000000 ! important;	}
.sitsconhelp{border-color:#FFFFFF ! important; background-color:#FFFFFF ! important; padding-bottom:10px ! important;}
.tabletitle1{padding: 6px; border-top-left-radius: 8px; border-top-right-radius: 8px;}
.formsubfree{margin: 6px;}

h3, .sv-h3 {font-size: inherit ! important;}
.ui-tabs{background-color: #FFFFFF ! important} 
.ui-dialog-title {background-color: #002147; color: #FFFFFF ! important}
.ui-widget-header {background-color: #002147}
.ui-dialog .ui-dialog-title {background-color: #002147;}
.ui-tabs-nav    {background: none ! important;} 
.bgborder{padding-bottom: 10px; padding: 0; background-color: #FFFFFF ! important;}
.sitscondescription{background-image: none ! important; background-color: #FFFFFF; border: 0px;}
hr {border-top: 1px solid #000000 ! important;}

p{margin-top: 1em;  margin-bottom: 1em;}
p.sitscop{margin-top: 6px;}

fieldset {
    display: block;
    -webkit-margin-start: 2px ! important;
    -webkit-margin-end: 2px ! important;
    -webkit-padding-before: 0.35em ! important;
    -webkit-padding-start: 0.75em ! important;
    -webkit-padding-end: 0.75em ! important;
    -webkit-padding-after: 0.625em ! important;
    min-width: -webkit-min-content ! important;
    border-width: 2px ! important;
    border-style: groove ! important;
    border-color: threedface ! important;
    border-image: initial ! important;
	padding: 3px;
	}
	
fieldset label {
  font-weight: normal ! important;
}
.sitscondescription{
background-color: #FFFFFF;
border: none;
font-size:13px;
}

.noTextField{
background-color: #FFFFFF;
border: none;
width:99%
}

.sv-table > thead > tr > td.sv-active, .sv-table > tbody > tr > td.sv-active,
.sv-table > tfoot > tr > td.sv-active, .sv-table > thead > tr > th.sv-active, 
.sv-table > tbody > tr > th.sv-active, .sv-table > tfoot > tr > th.sv-active, 
.sv-table > thead > tr.sv-active > td, .sv-table > tbody > tr.sv-active > td, 
.sv-table > tfoot > tr.sv-active > td, .sv-table > thead > tr.sv-active > th, 
.sv-table > tbody > tr.sv-active > th, .sv-table > tfoot > tr.sv-active > th {
  background-color: #f0f0f0 ! important;
  color: #000000;
  }
  
.sv-panel-title {
	color:#FFFFFF;
}

/*-------------Datepicker Overrides-------------------------------------------*/
.ui-icon-circle-triangle-w:before {
    content: "\276e" !important;
    color: #808080 !important;
}

.ui-icon-circle-triangle-e:before {
    content: "\276f" !important;
    color: #808080 !important;
}

.ui-datepicker .ui-datepicker-header {
    padding: .2em 0 .2em 0 !important;
    text-align: center !important;
    background: #001226 !important;
}

.ui-datepicker td .ui-state-default {
    padding: 1px !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.ui-datepicker td a {
    height: 1.5em !important;
    padding: .7em .3em !important;
    text-decoration: none !important;
}

.ui-datepicker td .ui-state-active {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    background: #eeeeee !important;
    border: 1px solid #eeeeee !important;
    color: #333333 !important;
}

.ui-datepicker td .ui-state-hover {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    background: #0077c4 !important;
    border: 1px solid #0077c4 !important;
    color: #ffffff !important;
}

.ui-datepicker table {
    margin: 0 !important;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    border-radius: 4px !important;
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px !important;
    color: #ffffff !important;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px !important;
    color: #ffffff !important;
}

.ui-datepicker-next-hover {
    background: #ffffff !important;
}

.ui-datepicker-prev-hover {
    background: #ffffff !important;
}

.ui-datepicker th {
    color: #000000 !important;
}
/*---------End of datepicker overrides-----------------------*/