/* CSS Document */

/*** COPYRIGHT PRINTCENTRE.CO.UK - THE PRINT CENTRE BASED IN COVENTRY WEST MIDLANDS  ***/


/*** BODY STYLES  ***/

body { font-family:Tahoma,Verdana, Arial; color:#333; font-size:0.75em; margin-top: 0; line-height:1.4em;  text-align:justify;}

#container {width: 932px; margin: 0 auto 0 auto; border-top:6px solid #14123A;}

hr {background-color: #ccc; height: 1px; border: 0; width: 100%;}

h4 {font-family: "Century Gothic", Tahoma,Verdana, Arial; color:#E62984; font-size:170%; margin: 10px 0 20px 0;}


/* Image Settings */ 

img { border-width:0px; padding:0px 0px 0px 0px; border:0;} 


/* Image style for header images only */ 

.img2 {border-width: 0px; border-style:none; padding: 0px 0px 0px 0px;} 


/*** BODY LINKS  ***/

a:link, a:visited{ background-color:transparent; color: #E75E4C; text-decoration: underline;}

a:hover{background-color:transparent; color: #333; text-decoration:underline;}


/*** HEADER  ***/

#header {width:100%; margin: 0; height:119px; border:0;}

#logo {width:300px; margin: 0; float:left; position:relative;}

#horizontalmenu {width:auto; margin:45px 0 0 10px; border:0; float:right; position:relative;}

a.hmenulink{ color: #666; text-decoration: none;}
a.hmenulink:visited{ color: #333; text-decoration: none;}
a.hmenulink:hover{color: #FF3399; text-decoration:none;}

/*** HOME PAGE CONTENT ***/

#rightpanelhome {width:285px; margin-right: 3px; float:right; position:relative; border:0; height:165px;}

#leftpanelhome {width:630px; margin-left: -6px; float:left; border:0; height:165px;}

#panelhome1 {width:175px; margin: 6px 0 0 0; float:left; border:0;}

#panelhome2 {width:192px; margin: 6px 0 0 0;  float:left; border:0; position:relative; text-align:center;}

#panelhome3 {width:175px; margin: 6px 0 0 0; float:left; border:0; position:relative;}

#panelhome4 {width:380px; margin:6px 0 0 0; float:right; border:0; position:relative; background-image:url(../images/panel_news.jpg); background-position:top right; background-repeat:no-repeat;}

#panelhomeleft {width:440px; margin:10px 0 0 0px; float:left; position:relative;}
#panelhomeright {width:440px; margin:8px 0px 0 0; float:right; position:relative;}

#news {width:auto; padding:40px 10px 10px 10px; font-size:90%; text-align:left; position:relative;}

#newslink {width:150px; margin:-30px 0 0 0; text-align:right; right:20px; position:absolute; border:0;}

#marqueecontainer{position: relative; height: 115px; /*marquee height */	overflow: hidden; border:0;}

#printlink {width:700px; margin:-30px 0 0 0; text-align:right; float:right; position:relative; border:0;}
.printlinkbut {width:120px; margin:0 3px 0 0; text-align:center; float:right; position:relative; border:0px solid #CCCCCC; height:30px;}


/*** MAIN PAGE CONTENT ***/

#content {width:auto; display:block; border:0;}

#contentwide {width:auto; display:block; border:0; margin-top:-40px; text-align:center;}

#leftpanel {width:650px; float:left; margin:0; position:relative; border:0;}

#titledesign {margin-bottom:10px; height:44px; margin-left:-8px;}

#rightpanel {width:250px; margin: 0; border:0; float:right;}

#verticalmenu {width:245px; margin:0; border:0; position:relative; font-size:100%; font-weight:bold;}

a.vmenulink, a.vmenulink:visited{ color: #999; text-decoration: none; background-color:transparent; text-transform:lowercase;}

a.vmenulink:hover{color: #FF3399; text-decoration:none; background-color:transparent; text-transform:lowercase;}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#navigation li {
    width:245px;
	
	border-bottom: 1px solid #CCC;
	float: left;
	margin: 0;
	padding: 7px 0 7px 0;
	}
	
#navigation a {color: #999; text-decoration: none; background-color:transparent; text-transform:lowercase;}
	
#navigation a:hover {color: #E62984; text-decoration:none; background-color:transparent; text-transform:lowercase;}
	
#navigation #currentpage a {color: #E62984; text-decoration:none; background-color:transparent; text-transform:lowercase;}

/*** FOOTER  ***/

#footer {width: 932px; margin:20px auto 0 auto; padding:8px; border:0; background-color:#999; display:block; height:15px;}

#footerright {font-size:85%; color:#fff; position:relative; float:right; width:400px; background-color:#999; text-align:right; line-height:normal; letter-spacing:normal;}
#footerleft {font-size:85%; color:#fff; position:relative; float:left; width:300px; background-color:#999;  text-align:left; line-height:normal; letter-spacing:normal;}

a.footerlink, a.footerlink:visited{ color: #fff; text-decoration: none; background-color:transparent;}

a.footerlink:hover{color: #fff; text-decoration:none; background-color:#E75E4C;}



/*** BULLET POINTS  ***/

.bullet {
	padding:0 0 2px 35px;
	background-color:transparent;
	background-image:url('http://www.uki.net/default/bullet/bullet.gif');
	background-position:top left;
	background-repeat:no-repeat; 
	color:#E62984;
	font-weight:bold;
}

/*** UKI SHORTCUTS  ***/

.largetext { font-size: 140%; font-weight: bold; }
.smalltext { font-size: 80%; }
.redtext { color: #ff0000; }
.bluetext { color: #0000ff; }
.highlight { background-color: yellow; color: black; }
.leftalign { text-align: left; }
.rightalign { text-align: right; }
.centrealign { text-align: center; }
.justifyalign { text-align: justify; }
.bar {width:auto; border-top:1px solid #E62984; height:1px; margin:6px 0 0 0; padding:0;}
#content img {padding:5px 8px 5px 8px;}
#content .img2 {padding:0;}


/*** BUTTON  ***/
.button { border:1px solid #E62984; width:150px; padding:10px; text-align:center;}
.button a {color: #E62984; text-decoration:none;}



/*** Client Login  ***/
#loginclient {
background-image: url(../images_uki/client_loginclient.jpg);
background-position:top right;
background-repeat:no-repeat;
position:relative;
text-align:right;
padding:5px 0px 5px 0;
margin-top:10px;
float:left;
width:250px;
voice-family: "\"}\"";
		voice-family: inherit;
		height:115px;
		}
html>body #loginclient {
		height:115px;
		}


#login {
background-image: url(../images_uki/client_login2.jpg);
background-position:top right;
background-repeat:no-repeat;
position:relative;
text-align:right;
padding:5px 0px 5px 0;
float:left;
width:250px;
voice-family: "\"}\"";
		voice-family: inherit;
		height:115px;
		}
html>body #login {
		height:115px;
		}
		
#logintitle {
font-weight:bold;
color:#ffffff;
position:relative;
text-align:left;
margin:0 0 6px 40px;
}

#logintitle2 {
font-weight:bold;
color:#ffffff;
position:relative;
text-align:left;
margin:0 0 6px 40px;
}

.resource_info {
color:#666666;
font-size:10px;
margin:3px 10px 3px 0;
width:150px;
}
.resource_info2 {
color:#666666;
font-size:10px;
margin:2px 10px 2px 0;
}
/*** Tutorial Table  ***/

#mytable {
	width: 650px;
	padding: 0;
	margin: 0;
}
.mytable {
	width: 650px;
	padding: 0;
	margin: 0;
}
#mytable2 {
	width: 650px;
	padding: 0;
	margin: 0;
}
.mytable2{
	width: 650px;
	padding: 0;
	margin: 0;
}
#mytable3 {
	width: 650px;
	padding: 0;
	margin: 0;
}
.mytable3 {
	width: 650px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 650px;	 
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #14123A;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background:  url(../images_uki/bg_header.jpg) no-repeat;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #CCC;
	letter-spacing: 2px;
	text-transform: uppercase;
	background:  url(../images_uki/orangetab.gif) no-repeat bottom left;
}

th.nobgorange {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #CCC;
	letter-spacing: 2px;
	text-transform: uppercase;
	background:  url(../images_uki/orangetab.gif) no-repeat bottom left;
}

th.nobggreen {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #CCC;
	letter-spacing: 2px;
	text-transform: uppercase;
	background:  url(../images_uki/greentab.gif) no-repeat bottom left;
}

th.nobgpurple {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #CCC;
	letter-spacing: 2px;
	text-transform: uppercase;
	background:  url(../images_uki/purpletab.gif) no-repeat bottom left;
}

th.nobggrey {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #CCC;
	letter-spacing: 2px;
	text-transform: uppercase;
	background:  url(../images_uki/greytab.gif) no-repeat bottom left;
}

td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	/*background: #fff;*/
	padding: 6px 6px 6px 12px;
	color: #14123A;
}

td.none {
	border-right: 0;
	border-bottom: 0;
	/*background: #fff;*/
	padding: 6px 6px 6px 12px;
	color: #14123A;
}


td.alt {
	/*background: #fff;*/
	color: #14123A;
}

th.spec {
	border-left: 1px solid #CCC;
	border-top: 0;
	background: url(../images_uki/bullet1.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}

th.specalt {
	border-left: 1px solid #CCC;
	border-top: 0;
	background: url(../images_uki/bullet2.gif) no-repeat;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color:#14123A;
}

/*** Bordered Table  ***/

table.border { border:1px solid #CCC;}
.borderbg {background-color:#CCCCCC; color:#000000; font-weight:bold;}

/*** NO Border Table  ***/

table.noborder {border:1px solid #fff; padding:2px;}
tr,td.noborder {border:1px solid #fff; padding:2px;}