/* CSS Document */

/*----------------- GLOBAL STYLING ------------------*/

* { margin:0; padding:0; }
p { margin:5px 0 10px 0; }
a{color: #681D78}
.spacer{ clear:both }
body {
  line-height: 1;
  color: black;
  background: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 90%;
  }
  
  
/*----------------- PAGE LAYOUT ------------------*/

div#centrewrapper { 
	width: 1024px;
	min-height: 200px;
	margin: 0 auto;
	}

div#pagewrapper {
float: left;
position: relative;
width:1024px
}

/*----------------- HEADER STYLINGS ------------------*/
div#headerwrapper {
	position: relative;
	float: left;
	background: URL(../images/headerbg.jpg) repeat-y top center;
	width: 1024px;
	min-height: 150px;
	}
	
div#logo h2 {
	float: left;
	position: absolute;
	left: 25px;
	top: 25px;
	background: URL(../images/celsian-education-logo.gif) left top;
	width: 241px;
	height: 68px;
	text-indent: -3000px;
	}
	
div#strapline h3 {
	float: left;
	position: absolute;
	left: 490px;
	top: 70px;
	color: #FFF;
	font-size: 1.5em;
	font-weight: normal;
	text-align: right;
	}
	
div#telephone h3 {
	float: left;
	position: absolute;
	left: 815px;
	top: 70px;
	color: #FFF;
	font-size: 1.5em;
	font-weight: normal;
	text-align: left;
	}
div#telephone h3 span.number { display: block; font-size: 1.2em; }
div#telephone h3 span.caveat { display: block; font-size: 0.5em; }


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

div#nav {
	float: left;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 28px;
	background: #642077;
	min-width: 771px;
	}


#submenu li#about { width: 120px; background: url(../images/nav/01-about.gif); }
#submenu li#work { width: 135px; background: url(../images/nav/02-work.gif); }
#submenu li#staff { width: 134px; background: url(../images/nav/03-staff.gif); }
#submenu li#people { width: 128px; background: url(../images/nav/04-people.gif); }
#submenu li#celsian { width: 133px; background: url(../images/nav/05-celsian.gif); }
#submenu li#contact { width: 125px; background: url(../images/nav/06-contact.gif); }


#submenu li a.link_about:hover { width: 120px; background: url(../images/nav/01-about-hover.gif); }
#submenu li a.link_work:hover { width: 135px; background: url(../images/nav/02-work-hover.gif); }
#submenu li a.link_staff:hover { width: 134px; background: url(../images/nav/03-staff-hover.gif); }
#submenu li a.link_people:hover { width: 128px; background: url(../images/nav/04-people-hover.gif); }
#submenu li a.link_celsian:hover { width: 133px; background: url(../images/nav/05-celsian-hover.gif); }
#submenu li a.link_contact:hover { width: 125px; background: url(../images/nav/06-contact-hover.gif); }

#submenu li#about .selected { width: 120px; background: url(../images/nav/01-about-hover.gif); }
#submenu li#work .selected { width: 135px; background: url(../images/nav/02-work-hover.gif); }
#submenu li#staff .selected { width: 134px; background: url(../images/nav/03-staff-hover.gif); }
#submenu li#people .selected { width: 128px; background: url(../images/nav/04-people-hover.gif); }
#submenu li#celsian .selected { width: 133px; background: url(../images/nav/05-celsian-hover.gif); }
#submenu li#contact .selected { width: 125px; background: url(../images/nav/06-contact-hover.gif); }

#submenu{	margin: 0;padding: 0}
#submenu li{	float: left;list-style: none;font: 12px Arial}
#submenu li a{	display: block;height:28px;text-decoration: none;text-indent:-3000px;color: #EAFFED;white-space: nowrap}
#submenu li ul{	margin: 0;padding: 0;position: absolute;visibility: hidden;width:215px;padding-top:5px;background-color:#642077;}
#submenu li ul li{	float: none;display: inline;}#submenu li ul li a{	text-indent:1px;width: auto;padding-left:10px;}
#submenu li ul li a:hover
{
    background-position: #882CA3;
    background: #882CA3;
}



/*---------------- MAINCONTENT STYLING -------------------*/

div#maincontentwrapper {
	position: relative;
	float: left;
	width: 771px;
	overflow: hidden;
	border: 1px solid #333;
	border-width: 0 1px 1px 0;
	}
	
	
/* Breadcrumb */

div#breadcrumb {
	float: left;
	width: 100%;
	height: 24px;
	padding: 0 0 0 25px;
	background: URL(../images/breadcrumbbg.png) repeat-x center center #dedede;
	border-bottom: 1px solid #333;
	}
	
div#breadcrumb p, div#breadcrumb a
{
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #681D78;
	text-decoration: none;
	padding: 5px 0;
	margin: 0;
}
	
div#breadcrumb a:hover{	text-decoration: underline; }


/* MainContent */

div#maincontent {
	float: left;
	height: 437px;
	width: 100%;
	overflow-y: auto;
	background: url(../images/maincontentbg.png) repeat-y #DFDFDF;
	
	/*
	background-color:#D0D0D0;
	*/
	}



div#maincontent h1
{
 	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 1.7em;
	color: #681D78;
}


div#maincontent h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 1.5em;
	color: #681D78;
	}

div#maincontent h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #681D78;
	}


div#maincontent p {
	font-size: 0.8em;
	line-height: 1.2em;
	color: #333;
	}
	
		div#maincontent ul{
		margin-left:15px;
		
		}
	
	div#maincontent li
{
    font-size: 0.8em;
    line-height: 1.3em;
    color: #333;
    margin-left: 15px;
    list-style-image: url('../images/icons/bullet.gif');
}
	
	div#maincontent label {
	
/*
Turnkey
	font-size: 0.8em; */
	line-height: 1.2em;
	color: #681D78;
	}
	
	
/* Page Specific MainContent Styling */

div#temp{

	background: url(../images/maincontent/bg_lookingforstaff.jpg)top no-repeat;
}

 div#textposition-home { float: left; margin: -110px 25px 25px 100px;	}
 
div#textposition-about-us { float: left; margin: -425px 25px 25px 25px;width:600px	}
div#textposition-looking-for-staff { float: left; margin: -425px 25px 25px 25px;	}
div#textposition-looking-for-staff .content{ width:530px;}

div#textposition-default { float: left; margin: -425px 25px 25px 25px;}
div#textposition-default .content{ width:650px;}

div#textposition-jobdetails { float: left; margin: -425px 25px 25px 25px;	}
div#image-home {
	float: left;
	width: 754px;
	height: 415px;
	background: url(../images/maincontent/image-home.jpg) top no-repeat;
}


div#image-job-search {
	float: left;
	width: 771px;
	height: 435px;
	background: url(../images/maincontent/bg_jobsearch.jpg) top no-repeat;
}

div#image-looking-for-staff {
	float: left;
	width: 754px;
	height: 433px;
	background: url(../images/maincontent/bg_lookingforstaff.jpg) top no-repeat;
	vertical-align:top;
}

div#image-about-us {
	float: left;
	width: 771px;
	height: 437px;
	background: url(../images/maincontent/bg_aboutus.jpg) top no-repeat;
}

div#image-login {
	float: left;
	width: 771px;
	height: 435px;
	background: url(../images/maincontent/bg_celsianpeoplesignin.jpg) top no-repeat;
}



div#image-default2 {
	float: left;
	width: 754px;
	height: 437px;
	/*
	background: url(../images/maincontent/image-default.jpg) top no-repeat;
	*/
}

div#image-default {
	float: left;
	width: 771px;
	height: 437px;
	/*
	background: url(../images/maincontent/image-default.jpg) top no-repeat;
	*/
}

div#image-jobdetails {
	float: left;
	width: 771px;
	height: 437px;
	background: url(../images/maincontent/bg_jobdetails.jpg) top no-repeat;
}

div#image-celsianpeople {
	float: left;
	width: 770px;
	height: 437px;
	background: url(../images/maincontent/bg_celsianpeople.jpg) top no-repeat;
}

div#image-register {
	float: left;
	width: 754px;
	height: 435px;
	background: url(../images/maincontent/bg_register.jpg) top no-repeat;
}

div#celsianpeople-nav ul{
float: left; list-style: none;	

}

div#textposition-jobdetails p label{
display:block;
float:left;
clear:right;
width:150px;
   color:#333333;
}

div#textposition-jobdetails h1{
display:inline;
float:left;
}

div#textposition-jobdetails h3{
clear:left;
}

div#textposition-jobdetails .back-to-search{
display:inline;
float:left;
padding-top:20px;
padding-left:15px;
   font-size:0.8em;
}


div#textposition-jobdetails .left{
display:block;
float:left;
width:48%;
clear:left;
border:none;
   font-size:0.8em;
}



div#textposition-jobdetails .right{
display:block;
float:left;
width:48%;
clear:right;
border:none;
   font-size:0.8em;
}



div#textposition-jobdetails .back-to-search a{
color: #681D78;
}


.popup p label{
width:150px;
}

div#scroll
{
    width: 100%;
    height: 120px;
    overflow: auto;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #651F77;
    color:#333333;

line-height:1.2em;
}

div#scroll p{
padding:5px;
}

div#menu {
	float: right;
	bottom: 0;
	right: 0;
	height: 28px;
	background: #ccc;
	min-width: 630px;
margin-top:15px;
	}
	
div#menu ul { float: left; list-style: none;margin-left:0px;	}

div#menu li { 
	float: left;
	display: inline;
	height: 28px;
	text-indent: -3000px;
	margin-left:0px;
	}

div#menu li input {
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}

div#menu li#apply { width: 151px; background: url(../images/apply-for-this-job.gif); }
div#menu li#basket { width: 146px; background: url(../images/add-to-basket.gif); }
div#menu li#email { width: 151px; background: url(../images/email-to-a-friend.gif); }
div#menu li#send { width: 184px; background: url(../images/send-me-jobs-like-this.gif); }



div#image-contactus {
	float: left;
	width: 771px;
	height: 435px;
	background: url(../images/maincontent/bg_contactus.jpg) top no-repeat;
}

div#contact-regions{
position:absolute;
top:40px;
left:648px;
}

div#contact-regions ul{
list-style: none;	
}

div#contact-regions ul li{

padding:2px;	

}


div#contact-regions ul li a{
color:#fff;	
  font-family: Arial, Helvetica, sans-serif;
}

div#image-branches {
	float: left;
	width: 770px;
	height: 435px;
	background: url(../images/maincontent/bg_contactus2.jpg) top no-repeat;

}


/*---------------- RIGHT PANEL STYLING -------------------*/

div#rightpanelwrapper {
	float: left;
	background: #DBD7CC;
	width: 252px;
	height: 463px;
	overflow: hidden;
	}

/* Right Panel Styling */

div.rightpanelpod h2 {
	float:left;
	width: 100%;
	height: 20px;
	overflow: hidden;
	color: #681D78;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	padding: 4px 0 0 10px;
	background: url(../images/rightpanelh2bg.png) repeat-x top #D9E6B3;
	border-bottom: 1px solid #333;
	}

div.rightpanelpod .jobsearch {
	float: left;
	width: 100%;
	padding-top: 5px;

	}

div.rightpanelpod .jobsearch select, div.rightpanelpod input {
	display: block;
	width: 220px;
	font-size: 0.9em;
	margin: 3px 10px;
	}

div.rightpanelpod .jobsearch input.rightpanelsubmit {
	margin: 15px 0 0 0;
	width: 100%;
	height: 37px;
	padding: 7px 50px;
	background: url(../images/rightpanelsubmit.jpg) center right;
	border: none;
	color: #fff;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
	}

div.rightpanelpod .jobsearch input.rightpanelsubmit:hover { text-decoration: underline; }


input.submit {
	margin: 15px 0 0 0;
	height: 37px;
	padding: 7px 50px !important;
	background: url(../images/rightpanelsubmit.jpg) center right;
	border: none;
	color: #fff;
	font-weight: bold;
	text-align: right;
	cursor: pointer;
	}

input.submit:hover { text-decoration: underline; }

input.submit2
{
    background-position: right;
    margin: 15px 0 0 0;

    height: 37px;
    padding: 7px 35px !important;
    background: url(../images/submitarrow.png) center right;
    border: none !important;
    color: #681D78;
    font-weight: bold;
    text-align: right;
    cursor: pointer;
    background-repeat: no-repeat;
}

input.submit2:hover { text-decoration: underline; }


input.submit3
{
    background-position: right;
    margin: 15px 0 0 0;

    height: 37px;
    padding: 7px 35px !important;
    background: url(../images/submitarrow1.png) center right;
    border: none !important;
    color: #681D78;
    font-weight: bold;
    text-align: right;
    cursor: pointer;
    background-repeat: no-repeat;
}

input.submit3:hover { text-decoration: underline; }



div.rightpanelpod ul {
	float: left;
	margin: 10px;
	list-style: none;
	}

div.rightpanelpod li { 
	float: left;
	display: block;
	height: 26px;
	width: 191px;
	margin: 5px 0 0 0;
	text-indent: -3000px;
	}

div.rightpanelpod li#refer { background: url(../images/quicknav/refer.png) no-repeat; }
div.rightpanelpod li#login { background: url(../images/quicknav/login.png) no-repeat; }
div.rightpanelpod li#cv { background: url(../images/quicknav/cv.png) no-repeat; }
div.rightpanelpod li#callback { background: url(../images/quicknav/callback.png) no-repeat; }
div.rightpanelpod li#teach { background: url(../images/quicknav/teach.png) no-repeat; }
div.rightpanelpod li#support { background: url(../images/quicknav/support.png) no-repeat; }
div.rightpanelpod li#downloads { background: url(../images/quicknav/downloads.png) no-repeat; }
div.rightpanelpod li#timesheets { background: url(../images/quicknav/timesheets.png) no-repeat; }
div.rightpanelpod li#resources { background: url(../images/quicknav/resources.png) no-repeat; }

div.rightpanelpod li a {
	float: left;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
						
div.rightpanelpod li#refer a:hover { background: url(../images/quicknav/refer-hover.png) no-repeat; }
div.rightpanelpod li#login a:hover { background: url(../images/quicknav/login-hover.png) no-repeat; }
div.rightpanelpod li#cv a:hover { background: url(../images/quicknav/cv-hover.png) no-repeat; }
div.rightpanelpod li#callback a:hover { background: url(../images/quicknav/callback-hover.png) no-repeat; }
div.rightpanelpod li#teach a:hover { background: url(../images/quicknav/teach-hover.png) no-repeat; }
div.rightpanelpod li#support a:hover { background: url(../images/quicknav/support-hover.png) no-repeat; }				
div.rightpanelpod li#downloads a:hover { background: url(../images/quicknav/downloads-hover.png) no-repeat; }							
div.rightpanelpod li#timesheets a:hover { background: url(../images/quicknav/timesheets-hover.png) no-repeat; }	
div.rightpanelpod li#resources a:hover { background: url(../images/quicknav/resources-hover.png) no-repeat; }						
div.purplepodfooter {
	float: left;
	background: url(../images/purpleswirlbg.jpg) top;
	width: 100%;
	height: 106px;
	}

/*---------------- LATEST JOBS PANEL STYLING -------------------*/

div#latestjobswrapper {
	float: left;
	width: 100%;
	height: 100px;
	padding: 20px 0 10px;
	overflow: auto;
	background: url(../images/latestjobsbg.png) repeat-x #8D8E8F;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	}
	
div#latestjobswrapper h2 {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 16px;
	color: #FFF;
	margin-left: 25px;
	}

div.roledescritpion {
	float: left;
	display: inline;
	width: 145px;
	margin: 0 0 0 30px;
	}
	
div.roledescritpion h3 a{
	float: left;
	font-size: 0.9em;
	color: #681D78;
	text-decoration: none;
	margin-bottom: 4px;
	}

div.roledescritpion h3 a:hover{
	text-decoration: underline;
	}

div.roledescritpion p {
	float: left;
	display: block;
	width: 100%;
	font-size: 0.8em;
	color: #fff;
	line-height: 1.2em;
	margin: 0 0 3px 0;
	}

div.roledescritpion a.arrow img{
	border: none;
	margin: 1px 0 0 5px;
	padding: 0;
	}


/*---------------- FOOTER STYLING -------------------*/

div#footerwrapper, div#footerwrapper p, div#footerwrapper a {
	font-size: 11px;
	color: #999;
	text-decoration: none;
	margin: 0 8px 10px;	}

div#footerleftlinks { float: left; }

div#footercopyright { float: right;	}


/**********************************************************************************/

.box
{
    border: 1px solid #663376;
    margin:5px 15px 5px 0px;
color:#333333;
font-size:0.8em;
line-height:1.2em;
width:335px;
}

.box-branch{

    border: 1px solid #663376;
    margin:5px 15px 5px 0px;
color:#333333;
font-size:0.8em;
line-height:1.2em;
width:225px;
}



.box-branch .address
{
height:150px;

}

.box td, th, .box-branch td,th
{
   padding:5px 5px 5px 10px;
   margin-right:10px;
}

.box td, .box-branch  td
{
  background-color:#fff;
}

.box th, .box-branch th
{
  background-color:#663376;
  color: #fff;
  font-weight:bold;
  text-align:left;
  
}

.box a, .box-branch a{
text-decoration:none;
padding-top:5px;
}

.box img
{
vertical-align:middle;
}


.box .button{
padding-bottom:15px;

}

div#paganation{
padding-top:10px;
color:#333333;
font-size:0.8em;
line-height:1.2em;
text-align:center;

}

div#paganation img{
vertical-align:text-top;
}

/*** FORM **/


.contactus_form{
margin:0 auto;
width:460px;
padding:14px;
border: solid 1px #ccc;
}


/* ----------- stylized ----------- */
div#form,
div#search,
div#contact-us,
div#login{
margin:0 auto;
padding:5px 15px 10px 0px;
}

div#contact-us{

}

div#form p,
div#contact-us p{
line-height:1.2em;
   font-size:0.8em;
}


div#form ul li,
div#search ul li,
div#contact-us ul li,
div#login ul li{
border:0; margin:0; padding:0; list-style:none;
line-height:1.2em;
   font-size:0.8em;
   color:#333333;
}


div#form li,
div#search li,
div#contact-us li,
div#login li{
clear:both;
list-style:none;
list-style-image:none;
padding-bottom:10px;
}

div#form input, textarea, select,
div#contact-us input, textarea, select,
div#login input, textarea, select,
div#search input, textarea, select{
float:left;
padding:2px 2px;
border:solid 1px #681D78;
width:200px;
margin:1px 0 3px 10px;

}



div#contact-us select
{
float:left;
padding:2px 2px;
border:solid 1px #681D78;
width:207px;
margin:1px 0 3px 10px;

}


div#form label,div#search label{
width:195px;
float:left;
text-align:left;
}

div#contact-us label,div#login label{
width:150px;
float:left;
text-align:left;
}

div#search label{
width:130px;
float:left;

text-align:left;


}

div#form select,div#search select{
width:205px;
}


div#registration input.submit
{
    background-position: right;
    margin: 15px 0px 0px 10px;
    width: 205px;
    height: 37px;
    padding: 15px 0px 20px 25px;
    background: url(../images/rightpanelsubmit.png) center right;
    border: none;
    color: #fff;

    font-weight: bold;
    text-align: left;
    cursor: pointer;
    clear:right;
}

.required
{
    font-size: large;
    font-weight: bold;
    padding-left: 5px;
    color: #FF0000;
}

.required2
{
    font-size: large;
    font-weight: bold;
    color: #FF0000;
	margin:10px 0px 0px 0px;
}

.warning
{
margin-top:10px;
    background-position: 8px;
    border: 1px dotted #DEDEDE;
    background: #FFFFCC url(../images/icons/warn.png) 8px 4px no-repeat;
    padding: 8px 8px 8px 30px;
    text-align: left;
    margin-bottom: 10px;
font-size:0.8em;
}

.invalid-type{

}

.info
{
margin-top:10px;
    background-position: 8px;
    border: 1px dotted #DEDEDE;
    background: #CCFFCC url(../images/icons/check.png) no-repeat 8px 4px;
    padding: 8px 8px 8px 30px;
    text-align: left;
    margin-bottom: 10px;
font-size:0.8em;
}

div#radiobuttons,
div#rb
{
clear:right;

}

div#rb img{
vertical-align:top;
padding-left:5px;
padding-top:4px;
}

div#radiobuttons span, div#rb span{
padding-bottom:5px;
}

div#radiobuttons input, div#rb input{
width:10px;
border:none;

}

div#radiobuttons table, div#rb table{
display:inline;
}



div#radiobuttons label{
width:75px;
padding-left:5px;
padding-top:0px;
}

div#rb label{
width:15px;
padding-left:5px;
padding-top:0px;
}

div#rb span{


}

div#rb a{


}

div#job-basket{

float:right;
padding-right:40px;

height:25px;
font-size:1.0em;
}




/***************Datagrid***************/

.GridView
{
    width: 100%;

    border-style:solid;
    border-width:1px;
border-color:#671C79;
font-size: 0.8em;
	line-height: 1.2em;
	color: #333;
}

.GridView td,th
{
 padding:5px;
 text-align:left
 
}

.GridView .FooterStyle{
font-weight:bold;
color:#fff;
}

.GridView .RowStyle{
background-color:#F0F0F0;

}

.GridView .SelectedRowStyle
{
    font-weight: bold;

}

.GridView .PagerStyle
{
    background-color: #66CCFF;
    color: #fff;
}

.GridView .HeaderStyle, .GridView .HeaderStyle  a{
font-weight:bold;
color:#fff;
background-color:#661D76;
text-align:left;
}

.GridView .AlternatingRowStyle{
background-color:#fff;
}


/********** popup **************/

.popup{

	background-color:#fff;
	border:solid 2px #661D76;

}

.popup .body{
	padding:10px 10px 20px 10px;
	
}

.popup .header{
padding:7px 15px 7px 15px;
background-color:#661D76;
color:#fff;
font-weight:bold;
}

.popup .header .title{
color:#fff;
font-weight:bold;
float:left;

}

.popup .header .button{
float:right;
}

.popup .header .button a{ 
color:#fff;
text-decoration:none;
border:solid 1px #fff;
padding:2px 5px 2px 5px;
}

.modalBackground {
            background-color:Gray;
            filter:alpha(opacity=60);
            opacity:0.60;         
        }

.left{
float:left;
width:48%;

border:solid 1px #fff;
}

.right{
float:right;
border:solid 1px #fff;
width:46%
}

div#error-page{
color:#333333;

line-height:1.2em;
}

div#error-page li{
padding:5px;
margin-left:15px;
}

div#error-page h2{
font-size:1.2em;
padding:5px 0px 5px 0px;
}

.text-tiny{
font-size:0.7em;
line-height:1.4em;
}

.tbl{
color:#333333;
font-size:0.8em;
line-height:1.2em;
width:100%;
}

.tbl td{
padding:2px;
}

.quote
{
    font-size: 1.0em !important;
    line-height: 1.2em !important;
    color: #661D76 !important;
    font-style: italic;
}

.txt{
color:#333333;
font-size:1em !important;
line-height:1.2em !important;
}


/* Easy Tooltip */

#easyTooltip{
	margin:0 10px 1em 0;
	width:300px;
	padding:8px;
	background:#fff;
	border:1px solid #681D78;
	line-height:130%;				
	}
#easyTooltip h3{
	margin:0 0 .5em 0;
font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 1.5em;
	color: #681D78;

	}	
#easyTooltip p{
	margin:0 0 .5em 0;
	font-size: 0.8em;
	line-height: 1.2em;
	color: #333;
	}		
#easyTooltip img{
		background:#fff;
		padding:1px;
		border:1px solid #e1e1e1;
		float:left;
		margin-right:10px;
		}		

#item{display:none;}


.bg_contact_us{
position:absolute;
top:22px;
left:480px;
width:290px;
height:440px;
}



#tabcontainer {width: 100%; margin: 10px auto;}

#tabcontainer ul,li
{
    margin-left:0 !important;
}


ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px !important;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
	background-color:#7B3983;
}
ul.tabs li a {
	text-decoration: none;
	color: #fff;
	display: block;
	font-size: 1.0em;
	padding: 0 5px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}

html ul.tabs li.active a{
	color:#6C3173;
	font-weight:bold;
}

.tab_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	padding-bottom:15px;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.tab_content {
	padding-left: 20px;

}

.tab_content .star {
	padding-left: 20px;

}

.tab_content p{
	padding: 5px;
	color:#333;
   font-size: 0.8em;
}

.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}
.tab_content img {
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #ddd;
	padding: 5px;
}

.purple_text
{
    color: #7B3983;
}