@import "default.css";

.SessionNav {
	float:left;
	font-size:11px;
	padding-left:5px;
}

#SpTopNav,#SpTopNav a {
	color: #707070;
	font-weight: normal;
}
#SpTopNav a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
#SpTopNav {
	padding: 28px 0px 0px 10px;
	margin: 0px;
	background-color:#402E54;
}

#PageContainer {
	margin-right: auto;
	margin-left: auto;
	width:830px;
}

#Head {
	height:70px;
}

#Head img {
	margin-top: 5px;
}

#PageBody {
	background: #FFFFFF url('../images/cantab/kings/body_bg.gif');
	background-repeat:repeat-x;
	color: #000000;
}

#MainMenu {
	background:#402E54;
	margin: 0px;
	padding: 6px 0px 6px 0px;
}

.rootGroup {
	color: #A0A0A0;
}

.rootGroup .item {
	background-color:#402E54;
}
.rootGroup .link, .rootGroup .link:visited {
	color: #FFFFFF;
	padding: 0px 10px 0px 10px;
	font-weight: normal;
}

.rootGroup .item:after {
	/*content: "|";*/
}

.rootGroup .last:after {
	/*content: "";*/
}

.rootGroup .link:hover {
	background-color:#009AC8;
	text-decoration: none;
	color: #FFFFFF;
}

#MainMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#MainMenu .rootGroup li {
	float:left;
	position:relative;
	font-size: 11px;
}

.spacer_1h {
	background: #FFFFFF;
	padding: 1px 0px 0px 0px;
	margin: 0px;
}

#RightRail {
	vertical-align:top;
	width:224px;
}
#LatestNews {
	margin-bottom:1px;
}
#LatestNewsText {
}

.ContentPanel_Style1,.ContentPanel_Style2,.ContentPanel_Style3{
	vertical-align:top;
}

.ContentPanelText {
	font-size: 11px;
	padding: 2px 5px 2px 8px;
}
.ContentPanelHead{
	font-size: 14px;
	padding: 5px 5px 5px 8px;
}
.ContentPanelHead a{
	font-size: 10px;
	float: right;
}

.ContentPanel_Style1{
	background-color:#635374;
}
.ContentPanel_Style1 .ContentPanelHead{
	background-color:#635374;
	color:#ffffff;
}
.ContentPanel_Style1 .ContentPanelText{
	color:#FFFFFF;
}
.ContentPanel_Style1 a, .ContentPanel_Style1 a:visited{
	color:#FFFFFF;
}

.ContentPanel_Style2{
	background-color:#402E54;
}
.ContentPanel_Style2 .ContentPanelHead{
	background-color:#402E54;
	color:#FFFFFF;
}
.ContentPanel_Style2 .ContentPanelText{
	color:#ffffff;
}
.ContentPanel_Style2 a, .ContentPanel_Style2 a:visited{
	color:#FFFFFF;
}

.ContentPanel_Style3{
	background-color:#7E6D91;
}
.ContentPanel_Style3 .ContentPanelHead{
	background-color:#7E6D91;
	color:#ffffff;
}
.ContentPanel_Style3 .ContentPanelHead .MoreLink a{
	color:#ffffff;
	text-decoration:underline;
}
.ContentPanel_Style3 .ContentPanelText{
	color:#ffffff;
}

#SpContent_Container{
	padding:16px 16px 16px 16px;
	vertical-align:top;
}

#LeftColumn{
	vertical-align:top;
	width:605px;
}

#SpSubHead{
	height:80px;
	width:100%;
}
#SpTitleBar{
	background-color:#005E79;
	color:White;
	font-size:18px;
	height:50px;
	padding:0px 8px 0px 8px;
}

.accountoptionstable {
	font-size: 10px;
}

input, select, textarea {
	border-color:#dddddd;
	border-width:1px;
	font-weight:normal;
}
input, textarea {
	padding-left:2px;
	padding-right:2px;
}

#Foot {
	background-color:#402E54;
	font-size:11px;
	padding:2px 0px 2px 0px;
	text-align:center;
}
#Foot,#Foot a{
	color:White;
}
#Foot a:hover {
}


/* ANG STUFF */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding:0px;
	min-width:777px;
}

table.b_outline{
	border: #336666 solid 1px;
}
td.b_field_bottom{
	border-bottom: #336666 solid 1px;
}
td.b_field_right_bottom{
	border-right: #336666 solid 1px;
	border-bottom: #336666 solid 1px;
}
.newsnew{
	font-size: 8pt;
	color: #FF0000;
}
.newsstatus {
	color: #FFFFFF;
	font-size: 8pt;
	margin-bottom: 5px;
	width: 100%;
}

/*---------------------loginform--------------------------*/

form {
	padding: 0;
	margin: 0;
}

.login_username_input, .login_password_input {
	font-family: verdana, helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	padding: 2px;
	width: 200px;
	margin: 0px;
	margin-bottom: 2px;
	margin-left: 2px;
	border: solid 1px #B3B9C3;
}

.login_submit {
	font-size: 8pt;
	color: #000000;
	margin: 0px;
	margin-left: 2px;
	width: 80px;
	border: solid 1px #000000;
	background-color: #B3B9C3;
}

.login_remember {
	margin-left: -4px;
	font-size: 9px;
	color: #FFFFFF;
	display: inline;
}

.login_secure_link, .login_password_link {
	margin-top: 2px;
	margin-left: 2px;
}

.registerformcell {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	border: 1px solid #000000;
}

.registerformtable {
}

.registerformbuttons {
	border-color:#dddddd;
	border-width:1px;
	font-weight:normal;
	font-size: 12px;
}

.registerformsectiontitle {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-indent: 5pt;
	vertical-align: middle;
}

.registerformlabel {
	font-size: 11px;
	font-weight: bold;
}

.news p, .loginCell p {
	margin: 5px 0 15px;
	padding: 0;
}

.bodystrong {
	font-family: verdana, helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
}

strong{
	font-weight: bold;
}

b{
	font-weight: bold;
}

.smallprint {
	font-size: 10px;
	font-weight: normal;
}

.bodytext {
	font-size: 8pt;
	color: #000000;
	font-weight: normal;
}

.title1text {
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	margin: 0;
	padding: 0;
}

.title2text {
	font-size: 10pt;
	color: #000000;
	font-variant: normal;
	margin: 0;
	padding: 0;
}

.title1textfade{
	font-size: 10px;
	font-weight: bold;
	color:#BBBBBB;
	font-variant: normal;
	margin: 0;
	padding: 0;
}

/*-----------------------layout-------------------------*/

* html .contentcell {			/* to combat box model bug in ie5 */
	width: 75.5%;
	w\idth: 75%;
	height: 506px;					/* because ie does not recognise min-height*/
	heigh\t: 100%;
}

* html .topbar{			/* to combat box model bug in ie5 */
	width: 75.5%;
	w\idth: 75%;
	height: 10px;					/* because ie does not recognise min-height*/
	heigh\t: 10px;
}

.links {
	float:left;
	margin-top: -4px;
}

.links a:link, .links a:visited {
	color: #065DB0;
	font-weight: bold;
}

.links a:hover {
	color: #6D92E9;
	font-weight: bold;
}


.logincell{
	margin: 0;
	margin-bottom: 10px;
	padding: 0 8px;
	border: 5px solid #999999;
	background-repeat: repeat;
	background-position: left top;
	background-image: url(../images/cantabgold/semi-transparent.gif);
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: 1.3em;
	color: #454545;
	width:125px;
}

.news {
	height: 402px;
	margin: 0;
	width: 125px;
	padding: 8px;
	border: 1px solid #999999;
	background-repeat: repeat;
	background-position: left top;
	background-image: url(../images/cantabgold/semi-transparent.gif);
	color: #FFFFFF;
	overflow: auto;
}

.newstext {
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: 1.3em;
	color: #FFFFFF;
	font-weight: bold;
}

.table123 {
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: 1em;
	color: #336666;
	font-weight: normal;
}

.accountoptionstable{
	position: relative;
	display: block;
	padding: 0px;
	margin: 0px;
	width: 445px;
}


/*---------------------navigation--------------------------*/

img, a {
	margin: 0;
	padding: 0;
}

.tipbox {
	padding: 5px;
	margin: 5px;
	border: 1px solid #336666;
	background-color: #CCCCCC;
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: .7em;
	color: #336666;
}

.tips {
	text-decoration: underline;
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: .7em;
	font-weight: lighter;
	text-transform: none;
	font-variant: normal;

}
.tiptitle {
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: 2.5em;
	font-weight: bold;
	color: #336666;
	font-variant: normal;
}
.helptopiclist {
	font-family: Century Gothic, verdana, Helvetica, sans-serif;
	font-size: 1em;
	color: #336666;
	list-style-position: inside;
	list-style-type: disc;
}
.jobbox {
	border-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-color: #336666;
}
.bodytextdark {
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	font-weight: normal;
}

.errors{
	color: #FF0000;
	border: 1px solid #AA0000;
	margin: 3px 0px 3px 0px;
	padding: 3px;
	font-size: 11pt;
}

acronym {
	text-decoration: underline;
	cursor: pointer;
	text-indent: 15px;
	background-image: url(../images/ucl/helpme.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

/** NEW LAYOUT JUNE 2007**/

.pageContainer {
	display: inline;
	width: 100%;
}

.headerBar {
	height: 65px;
	min-height: 65px;
	width: 100%;
	border-bottom: solid 4px #336666;
}

.headerBarTitle {
	position: relative;
	background-image: url(../images/cantab/title.jpg);
	display: block;
	height: 41px;
	clear: none;
	float: left;
	width: 321px;
	margin-top: 20px;
	margin-left: 10px;
}

.headerBarTitle:hover{
	background-image: url(../images/cantab/title_over.jpg);
	background-color: #fff;
}

.headerBarRightSide {
	display: inline;
	float: right;
	margin-right: 10px;
	margin-top: 10px;
}

.headerBarLogo {
	margin-left: 130px;
	margin-bottom: 5px;
}

.navBar {
	width: 100%;
	height: 100px;
	min-height: 100px;
	border-bottom: solid 4px #336666;
	background-image: url('../images/cantab/nav_background.jpg');
}

.navBarLoginBox {
	height: 86px;
	border: solid 1px #99CCCC;
	margin: 5px;
	margin-left: 5px;
	float: left;
	background-color: #EBF1F1;
}

.navBarLoginTitle {
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: 11pt;
	color: #336666;
	margin-bottom: 3px;
}

.navBarLoginFields {
	margin-top: 5px;
	margin-left: 10px;
}

.loginLine {
	width: 220px;
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: 8pt;
	color: #336666;
}

.loginField {
	display: inline;
}

.loginLink {
	float: left;
	margin-left: 2px;
	font-size: 8pt;
	color: #000000;
}

.login_heading, .login_username, .login_emailaddress, .login_password, .login_icon {
	display: none;
}

a {
	color: #065DB0;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	color: #065DB0;
}

a:hover {
	text-decoration: underline;
	color: #6D92E9;
}

.navBarLinks {
	float: right;
	width: 500px;
	height: 100px;
	min-height: 100px;
}

.navBarText {
	margin-top: 78px;
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: 8pt;
	color: #336666;
}


.navBarText a {
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 10pt;
	text-decoration: none;
}

.navBarText a:hover {
	text-decoration: underline;
	color: #050;
}

.pageBodyTopSpacer {
	width: 100%;
	height: 10px;
	min-height: 10px;
	margin: 0px;
	padding: 0px;
	display: relative;
	font-size: 6pt;
	overflow: hidden;
}

.pageBodyLeftBlock {
	width: 160px;
	margin-left: 10px;
	margin-bottom: 10px;
	border: solid 1px #CCCCCC;
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: 10pt;
	padding-bottom: 10px;
	background-image: url('../images/cantab/semi-transparent.gif');
}

.rssbox{
	position: relative;
}

.pageBodyLeftNews {
	font-family: verdana, helvetica, sans-serif;
  font-size: 0.7em;
	color: #336666;
	height: 300px;
	width: 150px;
	padding-left: 5px;
	padding-right: 5px;
	overflow: auto;
}

.pageBodyLeftCenter {
	text-align: center;
}

.pageBodyLeftTitle {
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: 12pt;
	color: #336666;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}


.pageBody {
	background-image: url('../images/cantab/main_background.jpg');
	background-repeat: repeat-x;
	display: block;
	position: relative;
	width: 100%;
	min-height: 530px;
	padding-bottom: 1px;
}

.pageBodyLeft {
	float: left;
	position: relative;
	width: 170px;
}

.pageBodyMain {
	border: solid 1px #CCCCCC;
	position: relative;
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	padding-bottom: 10px;
	margin: 8px;
	margin-left: 180px;
	margin-top: 0px;
	background-image: url('../images/cantab/semi-transparent.gif');
}

.footer {
	background-image: url('../images/cantab/footer_background.jpg');
	width: 100%;
	height: 34px;
	min-height: 34px;
	border-top: solid 4px #336666;
}

.footerLegal {
	margin-top: 8px;
	margin-left: 10px;
	float: left;
	width: 700px;
	font-family: Century Gothic, verdana, helvetica, sans-serif;
	font-size: 8pt;
	color: #336666;
}

.footerLegal a {
	color: #447474;
}

.footerIcon {
	float: right;
	width: 20px;
	height: 23px;
	margin-top: 6px;
	margin-right: 10px;
}

.highlight{
	border: solid 1px #000000;
	width: 90%;
	padding: 8px;
	background-color: #ddffdd;
}

li.serviceList { 
	list-style: none;
	list-style-image: none;
/*	background-image: url('../images/cantab/ucl.png');*/
	background-repeat: no-repeat;
	height: 60px;
	float: left;
	width: 200px;
	margin-bottom: 20px;
	margin-right: 10px;
	padding-top: 0;
	margin-top: 0;
}

li.serviceList img {
	display: block;
	height: 75px;
	width: 75px;
	float: left;
	padding-right: 5px;
	margin-top: -10px;
}

/* TRAFFIC LIGHTS */

#trafficLightsContainer {
	width: 125px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

#trafficLightsContainer:hover {
	opacity: 1;
	filter:alpha(opacity=100);
	cursor: pointer;	
}

#trafficLights {
	background-color: #e0e0e0;
	border: 1px solid #CCC;	
}

#trafficLights .tlightsHeader {
	display: block;
	text-align: center;
	font-weight: bold;
	background-color: #c4c4c4;
	color: #868686;
	padding: 3px 0px;
	text-transform: uppercase;
}

#trafficLights .tlightsDate {
	display: block;
	text-align: center;
	font-weight: bold;
	background-color: #b8b8b8;
	color: #fff;
	padding: 3px 0px;
	font-size: 10px;
	font-weight: bold;
}

ul.trafficLightsList {
	font-size: 10px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	padding: 0 4px;
}

ul.trafficLightsList li { color: #666; }

ul.trafficLightsList li.green {
	background-image: url(../images/greenLight.gif);
	background-repeat: no-repeat;
	padding: 3px 0px;
	padding-left: 18px;
}

ul.trafficLightsList li.red {
	background-image: url(../images/redLight.gif);
	background-repeat: no-repeat;
	padding: 3px 0px;
	padding-left: 18px;
}

ul.trafficLightsList li.amber {
	background-image: url(../images/amberLight.gif);
	background-repeat: no-repeat;
	padding: 3px 0px;
	padding-left: 18px;
}

#trafficLightsContainer .tlightsMore a {
	text-align: right;
	font-size: 8px;
	color: #000;
	display: block;
	margin-top: -5px;
	color: #fff;
}

#trafficLightsContainer .tlightsMore a:hover {
	color: #09C;
}

/* PACKAGE TABLE PRICELIST */

.packageTable th { background-color: #635374;color: #fff; font-size: 75%; }
.nickNameTable th { background-color: #635374; color: #fff; font-size: 75%; }
.webHostingTable th { background-color: #635374; color: #fff; font-size: 75%; }

#contactContainer {
	width: 570px;
	height: 210px;
}
.cc-col-one {
	width: 330px;
	float: left;
}
.cc-col-two {
	width: 230px;
	float: left;
}

#contactContainer .blue-btn {
	background-color: #402e54;
	border-color: #005e79;
	color: #ffffff;
}

#regContainer form input.day, #regContainer form input.month { width: 50px; font-size: 14pt;}
#regContainer form input.year { width: 74px; font-size: 14pt;}

#loginRemember {
	display: inline;
}
#loginLinks {
	width: 100px;
	margin-top: 10px;
}
#loginLinks a {
	font-size: 0.95em;
	float: left;
}
#loginForm input[type="text"], #loginForm input[type="password"] {
	width: 200px;
	margin-bottom: 5px;
}