/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
    MARGIN: 0px;
}

.Site H5
{
    display:inline;
}
.Site H6
{
	MARGIN-TOP: 6px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
	MARGIN-BOTTOM: 3px;
}
.Site dl
{
    margin-bottom: 0;    
}
.Site TABLE
{
	WIDTH: auto;
}
.Site TABLE TD
{
    PADDING: 0;
    VERTICAL-ALIGN: top;
}
.Site TABLE TH
{
    TEXT-ALIGN: left
}
.Site FORM
{
	margin:0;
}
.Site .dropdown, 
.Site .textarea, 
.Site .textbox,
.Site .textBox,
.Site .required,
.Site .pickImage
{
	width:200px;
}
.Site #multipleContact .textbox,
.Site #multipleContact .required
{
    width: 400px;    
}
.Site .monthDropDown
{
   width: 40px !important;     
}
.Site .yearDropDown
{
   width: 55px !important;     
}
.Site .horizontal td
{
    padding: 0px !important;    
}
.Site .list
{
    MARGIN-BOTTOM: 5px;
    margin-left:1px;
    PADDING: 5px 0;
    height:1%;
}

.Site .list H3
{
    MARGIN-TOP: 0;
    MARGIN-BOTTOM: 5px;
    font-size: 120%;
}
.Site .list H4
{
    MARGIN: 0px
}
.Site .link .morelink
{
    display:none;    
}
.Site .event h4
{
    font-weight: normal !important;   
}
.Site .list IMG.thumbnail
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 10px;
}
.Site .list P
{
	MARGIN: 3px 0;

}
.Site .detail IMG.display
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px;
    float:right;
}

.Site .tl
{
	padding:0;
    margin:0;
    width:auto !important;
}
.Site .tr
{
	padding:5px 8px 5px 8px;
	margin:0;
    width:auto !important;
}
.Site .greybox .tr
{
	padding-top:2px;
	padding-bottom:7px;
}
.Site .tr h2
{
    margin:0;
    width:auto;
}
.Site .box .tr h2
{
    padding:3px 25px 0 0;
}
.Site .greybox .tr h2
{
	padding-bottom:2px;
}
.Site .box .bl,
.Site .box .br
{
	line-height:0;
}
.Site .box .content
{
	width:auto !important;
    padding:10px;
}
.Site .greybox .content
{
    padding-top:10px;
}
.Site .box .detail,
.Site .box .product,
.Site .box .list
{
	padding:10px 0 10px 0;
}

.Site .detail,
.Site .product,
.Site .list
{
	padding:15px;	
}
.Site .content img
{
	margin:5px;
}
.Site .help
{
    display:block;    
}
.Site .content table td
{
	padding:3px;
	text-align:center;
}
.Site #footer, #header
{
    padding: 5px 0;
}
.Site #footer
{
	clear:both;
}
.Site a.button
{
    padding: 6px 20px 6px 5px;
}
.Site a.principle
{
    float: right;    
}
.Site #clearSearchCrit
{
    margin: 8px 15px 0 0;    
}
/*###################  Column Details  ######################*/
.Site #template_Logon_Register .columnHeader
{
    min-height: 100px;    
}

/*##############  With Sub Menu  ################*/

.Site #template_2_Columns DIV#column1,
.Site #template_Logon_Register div#column1,
.Site #template_Student_Profile div#column1 
{
	width: 359px !important;
}
.Site #template_2_Columns DIV#column2,
.Site #template_Logon_Register div#column2,
.Site #template_Student_Profile div#column2
{
	margin-left: 369px !important;
}
.Site #template_2_Columns_66_33 DIV#column1
{
	width: 476px !important;
}
.Site #template_2_Columns_66_33 DIV#column2
{
	margin-left: 486px !important;
}
.Site #template_2_Columns_33_66 DIV#column1
{
	width: 240px !important;
}
.Site #template_2_Columns_33_66 DIV#column2
{
	margin-left: 254px !important;
}
.Site #template_3_Columns DIV#column1
{
	width: 236px !important;
}
.Site #template_3_Columns DIV#column2
{
	margin-left:8px;
	width: 236px !important;
}
.Site #template_3_Columns DIV#column3
{
	margin-left: 488px !important;
}
.Site #template_Mailform_Left #column1
{
	width:359px;
}
.Site #template_Mailform_Left #column2
{
	margin-left:369px;
}



/*##############  Fullwidth  ################*/

.Site .fullwidth #template_2_Columns DIV#column1,
.Site .fullwidth #template_Logon_Register div#column1
{
	width: 453px !important;
}
.Site .fullwidth #template_2_Columns DIV#column2,
.Site .fullwidth #template_Logon_Register div#column2
{
	margin-left: 462px !important;
}
.Site .fullwidth #template_2_Columns_66_33 DIV#column1
{
	width: 610px !important;
}
.Site .fullwidth #template_2_Columns_66_33 DIV#column2
{
	margin-left: 620px !important;
}
.Site .fullwidth #template_2_Columns_33_66 DIV#column1
{
	width: 293px !important;
}
.Site .fullwidth #template_2_Columns_33_66 DIV#column2
{
	margin-left: 303px !important;
}
.Site .fullwidth #template_3_Columns DIV#column1
{
	width: 310px !important;
	margin-right:15px;
}
.Site .fullwidth #template_3_Columns DIV#column2
{
	width: 293px !important;
}
.Site .fullwidth #template_3_Columns DIV#column3
{
	margin-left: 628px !important;
}
.Site .fullwidth #template_Mailform_Left #column1
{
	width:453px;
}
.Site .fullwidth #template_Mailform_Left #column2
{
	margin-left:463px;
}

.Site #template_News_Articles_Style_2 #column1
{

}
.Site #template_News_Articles_Style_2 #column2
{

}

.Site .content img
{
	margin:0px !important;
}
.Site .morelink
{
    TEXT-ALIGN: right;
    display:block;
    margin-right: 10px;
}
.Site .backlink
{
    TEXT-ALIGN: right
}
.Site .stepper
{
    PADDING:3px 5px;
    width:auto !important;
}
.Site .stepper P
{
    MARGIN: 0px;
    TEXT-ALIGN: right;
}
.Site TABLE.documentTable TD.cell
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site TABLE.documentTable TH.heading
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}
.Site .template
{
	padding-left:1px;
}
.Site #template_Sub_Page_Listing #footer
{
    padding: 24px 0;
}
.Site .subPageList
{
	margin:0;
	padding:0;
}
.Site .subPageTitle a
{
	display:block;
}
.Site .subPageTitleThumb img
{
	display:block;
}
.Site .terminus
{
	height:0;
	font-size:0;
	line-height:0;
}

/* ################################### Site IDs ################################# */

#mainTable
{
    line-height:1.4;
	width:986px !important;
	margin:auto !important;
}
.Site #mainLayoutContainer
{
	position:relative;
    padding:0 22px 22px 22px;
}
.Site #mainLayoutContainer #logo
{
	margin-left:-12px;
}
.Site #mainLayoutContainer.home #logo
{
	margin-left:0px;
}
.Site #mainLayoutContainer #inner
{
	padding:0 12px 12px 12px;
}
.Site #mainHeader
{
	position:relative;
	min-height: 120px;
}
.Site #mainHeader img
{
}
.Site #location
{
	width:760px;
}
.Site #template_Image_Library_Scroller #scrollerContainer
{
	height:141px;
	margin:auto;
	overflow:auto;
	width:726px;
}
.Site .ajaxReDirectLoader
{
    padding-top: 40px; 
    margin-top: 100px;
    min-height: 200px;
}
/* ################################## Top Menu setup ################################### */

.Site #topMenu
{
	font-weight:700;
	height:19px;
	margin-top:9px;
	margin-bottom:9px;
}
.Site #topMenu ul 
{	
	border-left:none;
	border-right:none;
	margin: 0;
	padding:0;
	float:right;
}
* html .Site #topMenu ul /*this hack fixes the broken box model*/
{
	width:760px;
}
.Site #topMenu li
{
	display: block;
	float:left;
}
.Site #topMenu ul a
{
	margin:0;
	float:left;
	line-height:160%;
	white-space:nowrap;
}
/* ################################## Menu setup ################################### */

.Site #mainMenu
{
	position:absolute;
	bottom:0;
	right:0;
	width:510px;
}
.Site #mainMenu ul 
{	
	border-left:none;
	border-right:none;
	margin: 0;
	padding:0;
	float:right;
}
* html .Site #mainMenu ul /*this hack fixes the broken box model*/
{
	width:760px;
}
.Site #mainMenu li
{
	display: block;
	float:left;
}
.Site #mainMenu ul a
{
	margin:0;
	float:left;
	white-space:nowrap;
	padding: 4px 7px 3px 7px;
	margin-left: 2px;
}
/* ################################## Sub Menu setup ################################### */

/* ################################## Sub Menu setup ################################### */


.Site #subMenu
{
	float:left;
	width:177px;
	margin:0px;
}
.Site #subMenu ul
{
	padding-left:0px;
	margin-left:0;
	margin-top:8px;
	margin-bottom:17px;
}
.Site #subMenu ul ul
{
	padding-top:2px;
	padding-bottom:6px;
	margin-top:0px;
	margin-bottom:0;
}
.Site #subMenu ul ul ul
{
	padding-top:9px;
	padding-bottom:0;
}
.Site #subMenu ul ul ul ul
{
	padding-top:6px;
	padding-bottom:0;
}

.Site #subMenu ul li
{
	list-style:none;
}
.Site #subMenu ul a
{
	line-height:1.2;
	display:block;
	padding:8px 0 11px 21px;
	margin:0;
	width:156px;
}
.Site #subMenu ul ul a
{
	padding-left:30px;
	padding-top:0px;
	padding-bottom:0px;
	width:147px;
}
.Site #subMenu ul ul ul a
{
	padding-left:42px;
	width:135px;
	padding-top:3px;
	padding-bottom:3px;
}
.Site #subMenu ul ul ul ul a
{
	padding-left:52px;
	width:125px;
}
.Site #subMenu ul ul ul ul ul a
{
	padding-left:62px;
	width:115px;
}
.Site #subMenu ul ul ul ul ul ul a
{
	padding-left:72px;
	width:137px;
}

/* ======================== */
.Site #mainLayout
{
	margin-left:187px;
	padding-top:1px;
}
.Site #mainLayout.fullwidth
{
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	margin-left:0;
}
.Site #mainLayoutContainer.home #mainLayout
{
	padding:41px 0px 49px 0px;
}
.Site #mainLayout ul
{
	font-weight:bold;
	padding-left:2px;
	padding-top:10px;
	list-style-type:none;
}
.Site #mainLayout ul li
{
	padding-left:11px;
	padding-bottom:15px;
}
.Site #mainLayout p
{
	margin-bottom:5px;
}

.Site #mainLayout TABLE#productList TD.list
{

}


.Site .template
{
}
.Site .template ul
{
	margin:0;
}
.Site #mainFooter
{
    MARGIN:0 !important;
    padding:0px 2px 20px 0px!important;
}
.Site #developerLink
{
    margin: 10px 10px 0 0;
	width:20%;
	float:right;
}
.Site #developerLink a
{
	padding: 6px 76px 0 0;
}
.Site #developerLink
{
	padding-top:8px;
}


/* ======================== */


.Site TABLE#subPageTable .col1
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable .col2
{
    WIDTH: 40%;
}
.Site TABLE#subPageTable .col3
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable TH.heading
{
    PADDING: 5px;
}
.Site TABLE#subPageTable TD.cell
{
    PADDING:5px;
    VERTICAL-ALIGN: middle;
}
.Site #template_Products_Grouped .backlink
{
    clear:right;
    PADDING-RIGHT: 2%;
    PADDING-LEFT: 2%;
    PADDING-BOTTOM: 2%;
    WIDTH: 96%;
    PADDING-TOP: 2%;
    TEXT-ALIGN: right;
}
.Site #template_sitemap
{
	margin-left:10px;
}
.Site #template_sitemap ul
{
	margin:0;
	padding:0;
	line-height:1.8;
}
.Site #template_sitemap li
{
	padding-bottom:1em;
}
.Site #template_sitemap ul a
{
	padding-left:10px;
}
.Site #template_sitemap ul ul 
{
	line-height:1.5;
}
.Site #template_sitemap ul ul li
{
	padding:0;
}
.Site #template_sitemap ul ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul ul ul a
{
	padding-left:20px;
}

.Site TABLE#productList
{
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px
}
.Site TABLE#productList td img
{
    float:none;
    text-align:center !important;
}
.Site TABLE#productList TD.list
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
}


.Site form span.hint,
.Site form td.hint span
{
	color:#ffffff;
	border:none;
	padding-top:7px;
	margin-left:45px;
}
.Site .formMainTable td,
.Site .formMainTable th
{
   padding:0px;     
}
.Site #studentProfile
{ 
    position: relative;
    float: left;
    width: 728px; 
    height: 1%;
}
.Site #companyProfile
{
    height: 1%;    
}
.Site #studentProfile #mainTitle,
.Site #companyProfile #mainTitle
{
   padding-bottom: 20px;     
}
.Site #studentProfile .formMainTable td,
.Site #studentProfile .formMainTable th,
.Site #companyProfile .formMainTable td,
.Site #companyProfile .formMainTable th
{
   padding:5px;
}

.Site .formMainTable .content td,
.Site .formMainTable .content th
{
	padding:5px 8px 5px 8px;
}
.Site .formMainTable .group th
{
    vertical-align: top;    
}
.Site .form TD
{
	padding:2px 0px;
}
.Site DD
{
	PADDING-LEFT: 0px;
	MARGIN-LEFT: 150px;
	position:relative;
	top:-17px;
}
.Site DT
{
	width:130px;
	font-weight:bold;
}
.Site #mainTitle
{
    MARGIN-top:13px;
}
.Site #mainTitle H1
{
	MARGIN: 0;
    font-size:150%;
    /*padding-bottom:20px; WHY? */
}
.Site a#eonicLink
{
	margin-top:5px;
	margin-bottom:10px;
}

/* ################################## Log In ################################### */

.Site #loggedIn
{
	float:right;
	text-align:right;
	position:absolute;
	top:0;
	right:0;
	height:21px;
	padding:14px 20px 6px 10px;
	z-index:99;
}
.Site #signin a
{
	padding-top:2px;
	padding-bottom:5px;
	padding-left:20px;
	margin-left:22px;
}

/* ################################## Student Profile ################################### */
.Site #studentProfile #profileImage
{
    float:right;
    margin-left: 10px;
    margin-bottom: 20px;
}
.Site #companyProfile #profileImage
{
    text-align: center; 
    min-height: 40px;   
}
.Site #studentProfile H1
{

   }
.Site .employment h4
{
    margin-bottom: 0 !important;  
    padding-bottom: 5px;  
}
.Site .closedDetail
{
	display:none;
}
.Site .openDetail
{
	margin-top:25px;
}
.Site .closedMessage
{
	overflow:hidden;
	height:1.4em;
	margin-right:70px;
}
.Site .openMessage
{
	display:block;
	margin-right:60px;
}
.Site .degree,
.Site #aLevels,
.Site #degrees,
.Site #gcses,
.Site .message,
.Site #qualification,
.Site #otherQuals,
.Site .education
{
	position:relative;
	padding-bottom:30px;
}
.Site #qualification
{
	padding-bottom:0;
	margin-bottom:0 !important;
}
.Site .message
{
	margin-bottom:10px;
	background-color:#424242;
	border:solid 1px #848484;
	padding-left:2px;
	padding-right:2px;
	padding:5px 5px 5px 5px;
}
.Site #education,
.Site #degrees
{
	padding-bottom:20px;
}
.Site span#Expand
{
	float:right;
	margin-bottom:10px;
	position:absolute;
	right:0;
	top:20px;
	padding-top:3px;
	padding-bottom:3px;
	padding:3px 5px 3px 3px;
}
.Site .subject
{
	margin-bottom:5px;
}
.Site #personal
{
	margin-bottom:50px;
}
.Site #cvUpload
{
	text-align:center;
	margin-bottom:30px;
	padding: 10px 0 0 0;
}
.Site #cvUpload a img
{
    border: 1px solid #FFF;	
    padding: 5px;
    background: #781227;
}
.Site table#studentCalendar
{
	border:solid 1px white;
}
.Site table#studentCalendar td
{
	width:98px !important;
	
}
.Site table#studentCalendar td.calendarday
{
    height:90px !important;   
}
.Site table#studentCalendar tr.Days
{
	font-weight:bold;
	height:20px;
	background-color:Gray;
	text-align:center;
}
.Site table#studentCalendar tr.Days td
{
	padding-top:2px;
}
.Site .dayNumber
{
	width:98px;
	padding-left:3px;
	padding-top:1px;
	height:17px;
}
.Site .calContent
{
	width:95px;
	height:16px;
	overflow:hidden;
	font-size: 0.9em;
	display:block;
	position: relative;
}
.Site .calContent .editCalContent
{
    width:9px;
    height: 8px; 
    position: absolute;
    top: 3px;
    right: 3px;
}
.Site #prevMonth,
.Site #nextMonth
{
	margin-top:15px;
	margin-bottom:5px;
	width:19%;
	float:left;
}
.Site #nextMonth
{
	text-align:right;
}
.Site #prevMonth
{
	text-align:left;
}
.Site #prevMonth a,
.Site #nextMonth a
{
	padding-top:4px;
	padding-bottom:4px;	
	display:block;
	font-weight:bold;	
}
.Site h4.curMonth
{
	margin-top:15px;
	margin-bottom:5px;
	float:left;
	width:60%;
	text-align:center;
}
.Site #searchCriteria
{
	height:45px;
}
.Site #searchCriteria td
{
	width:245px;
	text-align:center;
	border-right:solid 1px #424547;
	padding-top:10px;
	padding-bottom:10px;
}
.Site #studentSearch #Search
{
    margin: 5px 10px 10px 5px;    
}
.Site #searchCriteria input
{
	margin-left:5px;
}
.Site #nextprev
{
	height:32px;
	width:100%;
}
.Site #npButtons
{
	float:right;
	margin-right:10px;
}
.Site #resultsText
{
    float: right;
    width: 49%;
    padding: 7px 10px 5px 10px;
    text-align: right;
}
.Site #contactControls
{
   width: 45%;
   padding: 0 0 0 0;     
}
.Site #contactControls .button
{
    margin: 3px 0 0 26px;
}
.Site #contactControls #selectAll
{
    position: relative;
    top: -4px !important;    
} 
.Site #npButtons #prevMonth,
.Site #npButtons #nextMonth
{
	margin-top:5px;
}
.Site #npButtons #prevMonth a,
.Site #npButtons #nextMonth a
{
	width:auto;
}
.Site #alphaUni
{	padding-top:2px;
	padding-bottom:0px;
	background-color:#393d40;
	padding-left:3px;
	padding-right:3px;
}

.Site #alphaUni a.alphaLetter,
.Site #alphaUni a#uniLetter
{
	width:22px;
	display:block;
	float: left;
	margin-right: 1px;
	padding: 3px 0 3px 0;
	cursor: pointer !important;	
}
.Site #alphaUni a#uniLetter
{
    width: 67px;
    margin:0;    
}
.Site #uniSelects
{
    padding: 5px;    
}
.Site .uniSelect,
.Site .ygSelect
{
    width: 240px;
    display:block;
    float: left;
    font-weight: bold;    
}
.Site .ygSelect
{
    padding: 10px 0px 10px 0px;   
}
.Site .uniSelect label,
.Site .uniSelect input,
.Site .ygSelect label,
.Site .ygSelect input
{
    float: left;    
}
.Site .uniSelect label,
.Site .ygSelect label
{
    display:block;
    margin-top: 3px;
    margin-left: 3px;    
}
.Site .longSelects th
{
    width: 130px !important;    
}

#studentSearch .greybox
{
    margin-bottom: 0 !important;    
}
#studentSearch .greybox .content
{
    padding:0;
        
}



/*.Site #results table
{
   margin-left: 15px !important;
   margin-right: 15px !important;  
}*/
.Site .student_list,
.Site .student_list div
{
    height: 70px;    
}
.Site .student_list td.sr
{   
    padding: 10px 0 10px 0; 
}
.Site .student_list td.sr_check
{
    vertical-align:middle;   
}
.Site .student_list td.sr_name
{
    width: 130px;
    vertical-align: middle;
    text-align: left;
    padding-left: 10px;  
    padding-right: 5px; 
}
.Site .student_list td.sr_name h3
{
    margin-bottom: 12px !important;    
}
.Site .student_list td.sr_image
{
    width: 100px;
    text-align: center;
    vertical-align: middle;    
}
.Site .student_list td.sr_desc
{
    width: 260px;
    padding: 15px 10px 10px 10px;
    vertical-align: middle;    
}
.Site .student_list td.sr_viewCV,
.Site .student_list .sr_viewCal,
.Site .student_list .sr_viewProfile
{
    width: 120px;    
}
.Site .student_list td.sr_viewCV a,
.Site .student_list td.sr_viewCal a,
.Site .student_list .sr_viewProfile a
{
    display:block;
    padding: 45px 0 0 0;    
}
.Site #profileSendButton
{
    cursor: pointer;    
}
.Site #profileSendMessageForm
{
    display:none;    
}
.Site table.formMainTable,
.Site table.formMainTable .group table
{
    width: 100%;    
}
/*.Site table.formMainTable .group table td
{
    text-align: right;    
}*/
.Site #messageBOX
{
    min-height: 40px;    
}
.Site .calenderDisplay
{
    background: #FFF !important;
    border: 1px solid #999 !important;    
}
.Site .qualTitle
{
    padding: 0 0 0 20px;
}
.Site .eduHistory
{
    padding-bottom: 30px;    
}
.Site .qualification p
{
    display:block;
    padding: 0 0 0 40px;    
}
.Site #tempBackLink
{
    text-align: right;
    font-size: 0;    
}
.Site .tempBackLinkActive
{
    font-size: 1em !important; 
    padding: 0 10px 10px 10px;   
}
.Site #tempBackLink a
{    
   
}


.Site #companyListContainer table
{
    width: 100%;    
}
.Site #companyListContainer td.listsubpage
{
    width: 32% !important;
    padding: 8px;    
}
.Site .Company_Documents
{
    padding: 5px 0 7px 5px;
}
.Site #companyListContainer td.listsubpage a
{
    padding-left: 15px;    
}

.Site .studEventForm th
{
    width: 300px !important; 
    text-align: right;
  
}
.Site .yearGroupRadios td
{
    vertical-align:bottom;    
}

