body {
/*	background: #FFFFFF url(../images/body.png);
	background-attachment: fixed;*/
	background:#191919;
	margin: 0px;
	padding: 0px;
	font-family: 'Lucida Grande',Veranda,Arial,Sans-Serif;
	font-size-adjust: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	color:#555;
	/*text-align:center;
	position: relative;*/
}

#header {
	background: #3A3A3A url(../images/header.png);
	height: 100px;
	min-width:600px;
	border-bottom:3px solid #DA1074;
	position:relative;
}

#heading {
	position:absolute;
	padding-top:10px;
	padding-left:60px;
	font-style:italic;
}

#heading a {
	font-size:2.5em;
	color:#FFF;
	text-decoration:none;
}

.subtitle {
	font-size:1.3em;
	padding-left:10px;
	color:#DDD;
	vertical-align:super;
}

#content {
	height:100%;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
}

.clearfix:after {content:".";display:block;height: 0;clear: both;visibility: hidden;}

#border {
/*	width:700px;
	margin:0pt auto;*/
}

.float {
/* 	font-size:11px; */
/* 	float:left; */
/* 	max-width:730px; */
	margin-left:auto;
	margin-right:auto;
}

table { border-spacing:0pt; }

.float table {
	border-spacing:0pt;
	padding:30px;
	background: #EEE url(../images/body2-alt.png);
}

/* CATALOGUE.PHP */
table.default {
/* 	border-left:1px solid #aaa; */
/* 	border-right:1px solid #aaa; */
	background: #404040 url(../images/body2-alt.png);
/* 	background:#EEE; */
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	color:#000;
}

.default td {
	border:1px solid #EEE;
	background: #fff;
	text-align:center;
}

td.strike {
	border:1px solid #DDD;
	text-decoration: line-through;
	background-color:#FCC;
}

#cloud {
	margin:30px;
}

#cloud div{
	width:250px;
	background:#EEE;
	border:5px solid #666;
	padding:5px;
/* 	margin:30px; */
}

h3.heading,
#cloud h3 {
	color:#FFF;
	background: #000 url(../images/heading.png);
}

#leftcloud {
	float:left;
	background: #FFFFFF url(../images/body2-alt.png);
	margin:0px 20px 20px 0px;
}
#rightcloud {
	float:right;
	background: #404040 url(../images/body2-alt.png);
	margin: 0px 0px 20px 20px;
}




.hidden {display:none;}

p {margin:0px;}

ul.err li {
 color:#CC6600;}

ul.noshow {padding-left:10px;}
ul.noshow li {list-style-type:none;list-style-image:none;list-style-position:outside;width:170px;}
ul {margin:0px;}

.submit input {
/* margin-top:10px; */
margin-left: 0em;
background: #458D3B;
color: #fff;
border: 1px solid #DA1074;
background : url(../images/nav-button-bg.jpg) repeat-x;
}

.submit {
margin-left: 0em;
background: #458D3B;
color: #FFF;
border: 1px solid #DA1074;
background : url(../images/nav-button-bg.jpg) repeat-x;
}

.submit input.text {background:#FFF;color:#000;width:100px;}

/*Forms*/
form.login br, form.register br, form.details br, form.generate br, form.addedit br, form.add br{display:none;}
form, label, input {font-size:1em;}
/* label {display:block;} */
label {color: #FFF;}

label.radio { color:#555; }
label.radio input { position:static;width:22px;border:none; }

label select {width:150px;background:#FFF;height:22px;}
label input {width:146px;height:20px;}

label input,
label select {
	position:absolute;
	left:110%;
	border:1px solid #DA1074;
}

label input.check {border:none;}

label textarea {position:absolute;left:110%;top:2px;border:1px solid #458D3B;padding:2px;}
/* label input:focus{background-color:#E7FFDF;}  */

fieldset {border:none;}
legend {color:#59770E;font-size:1em;font-weight:bold;margin:7px;padding-left:10px;}

select {width:99%;}

/* Login Formatting */
form.login {width:17em;padding:0.5em 1em;} 
label.login {text-align:right;position:relative;width:5em;display:block;margin:.5em 0em;padding:2px;}
form.login .submit {margin-left:5.8em;border:none;}

/*Register*/
form.register {width:17em;padding:0.5em 1em;} 
label.register {text-align:right;position:relative;width:5em;display:block;margin:.5em 0em;padding:2px;}
form.register .submit input {margin-left:5.8em;border:none;}

/*Generate Tests*/
form.generate {width:30em;padding:0.5em 1em;}
label.generate {text-align:right;position:relative;width:125px;display:block;margin:.5em 0em;padding:2px;}
#sublist {position:absolute;left:110%;top:2px;border:none;padding:2px;text-align:left;width:200px;}
#sublist input {position:relative;left:0px;top:0px;padding:2px;border:none;}
form.generate .submit input {margin-left:60px;border:none;}

/*Quiz*/
label.quiz input {position:relative;left:0px;top:0px;padding:2px;border:none;}

/* My Details Formatting */
form.details {width:370px;padding:5px;} 
label.details {text-align:right;position:relative;width:185px;display:block;margin:.5em 0em;padding:2px;}
form.details .submit {margin-left:208px;border:none;}
/*fieldset.details {width:24em;padding:0.5em 1em;border:1px solid #458D3B;} 
fieldset .submit input {margin-left:11.5em;}*/

/* ADD ITEM */
form.add {width:310px;padding:0px 5px;} 
label.add {text-align:right;position:relative;width:140px;display:block;margin:.5em 0em;padding:2px;}
form.add .submit {margin-left:158px;border:none;}

/* Add Cast */
form.cast {width:310px;padding:0px 5px;} 
label.cast {text-align:right;position:relative;width:75px;display:block;margin:.5em 0em;padding:2px;}
form.cast .submit input {margin-left:87px;border:none;}

/* Add Image */
form.image {width:205px;padding:0px 5px;} 
label.image {text-align:right;position:relative;width:40px;display:block;margin:.5em 0em;padding:2px;}
form.image .submit input {margin-left:48px;border:none;}

/* Update Image */
form.newimage {padding:0px 5px;} 
label.newimage {text-align:right;position:relative;width:40px;display:block;margin:.5em 0em;padding:2px;}
form.newimage .submit input {margin-left:5px;border:none;}

form.check {width:310px;padding:0px 5px;} 
label.check {text-align:right;position:relative;width:50px;display:block;margin:.5em 0em;padding:2px;}
form.check .submit input {margin-left:60px;border:none;}
label.check img {position:absolute;left:110%;top:0px;padding:2px;margin-left:129px;}
input.check {width:auto;}
input.cal {width:120px;}

form.user {width:275px;padding:0px 5px;} 
label.user {text-align:right;position:relative;width:95px;display:block;margin:.5em 0em;padding:2px;}
form.user .submit input {margin-left:109px;border:none;}
label.user input.check {position:absolute;left:110%;top:0px;padding:2px;margin-top:6px;margin-left:132px;}
input.chk {width:120px;}

form.addedit {width:350px;padding:5px 10px;} 
/* label.addedit {text-align:right;position:relative;width:11em;display:block;margin:.5em 0em;padding:2px;} */
form.addedit .submit input {margin-left:110px;border:none;}
label.addedit {width:100px;float:left;text-align:right;margin-right:10px;display:block;}
form.addedit input, textarea {border:1px solid #458D3B;margin:2px 0px;}

#aeinfo {background:#FFF;float:right;margin-right:10px;padding:10px;width:300px;border:1px solid #458D3B;}
#mdinfo {background:#FFF;border:1px solid #DA1074;float:left;padding:10px;width:325px;}
#aeform {margin-right:340px;}
#aeiTitle, #mdTitle {color:#DA1074;margin:0px;text-align:center;}
#aeiBody, #mdBody {text-align:justify;color:#000;}


#login input {margin-left: 3em;}
fieldset.details fieldset {border:none;padding:0.5em 0em;margin: 3px 0 0;}
fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
fieldset fieldset label {display: block;}
/*End My Details Formatting*/

#page {
	margin: 0px auto;
	height:100%;
/* 	width: 760px; */
/* 	border-bottom: 3px solid #DA1074; */
/*	border-left: 5px solid #d5e6eb;
	border-right: 5px solid #d5e6eb;*/
/* 	background: #FFFFFF; */
/* 	background: #FFFFFF url(../images/background.jpg); */
}

.cent {width:400px;margin-right:auto;margin-left:auto}

/*H1 used in header*/
h1 {font-size:200%;font-weight:bold;letter-spacing:-1px;line-height:99%;margin:0pt;color:#222;}
h1 span {color:#444;font-size:70%;font-weight:bold;letter-spacing:-1px;line-height:110%;}
h1 a:hover {color: #ffffff;text-decoration: none;}

h2 {color:#EEE;font-size:1em;padding:7px;margin:0px;text-align:center;}
h3 {color:#222;font-size:1em;padding:7px;margin:0px;}

/* header area */
/* #header {background: #0FACEA url(../images/header-bg.jpg) no-repeat;height: 170px;border-bottom: 3px solid #59780a;position: relative;} */

#footer {
/* 	background:url(../images/tail.png) top center no-repeat; */
/* 	height:155px; */
/* 	border-top: 3px solid #DA1074; */
}

#headerimg {position: relative;padding: 30px 0px 0px 40px;height: 60px;}
#headerimg .description{position: absolute;left: 110px;bottom: 3px;color: #c9eefe;font-size: 14px;}

#name {list-style: none;margin:0px;position:absolute;right:10px;bottom:0px;}
#name li {float:left;margin-left:5px;color:#ffffff;background: #D7267A url(../images/nav-button-bg.jpg) repeat-x;padding:5px 15px;font:bold 14px/100% Arial, Helvetica, sans-serif;border-top: 1px solid #DA1074;border-left:1px solid #DA1074;border-right:1px solid #DA1074;display:block;}
#name a {color:#ffffff;text-decoration:none;}
#name a:hover {color:#222;}

#nav {list-style:none;margin:0px;position:absolute;left:5px;bottom:0px;padding-left:0px;}
#nav li {float:left;margin-left:5px;}

/* #nav .current_page_item a, #nav .current_page_item a:visited{ */
/* 	color: #CC6600; */
/* 	text-decoration: none; */
/* } */
#nav .page_item a{
	color: #ffffff;
	text-decoration: none;
	background: #D7267A url(../images/nav-button-bg.jpg) repeat-x;
	padding: 5px 15px;
	font: bold 14px/100% Arial, Helvetica, sans-serif;
	border-top: 1px solid #DA1074;
	border-left: 1px solid #DA1074;
	border-right: 1px solid #DA1074;
	display: block;
}
#nav .page_item a:hover {
	color: #222;
}

/*Table Stuffs*/

#cast td {width:200px;}
table.pad {padding:0px 10px;}
table.bottom {border-bottom:1px solid #aaa;}
tr.heading td {background:#EEE;border:none;margin-left:0em;}
table.subject {float:right;margin-left:10.7em;}

a {color: #DA1074; text-decoration:none;}
td a {color: #DA1074;text-decoration: none;}

#link {color:#DA1074;}

/* #content {height:100%;padding:5px; margin-left:auto;margin-right:auto;background: #FFFFFF url(../images/background.jpg);} */

/* #indexform { padding:10px 10px 10px 10px;width:300px;float:left;} */
#indexform { margin:auto;width:20%; }
#indexoutput {float:right;width:420px;text-align:center;}

#registrationform {float:left;width:310px;padding-left:10px;}
#registrationoutput {float:right;width:400px;padding-right:10px;}

#generatetest {padding: 10px; width: 560px; float: left;}

#detailsform {float:left;width:405px;}

#addform {
	background:#FFF url(../images/body2-alt.png);
	float:left;
	width:320px;
	color:#FFF;
}

#lightbox {float:left;width:250px;}

#usertable {
	float:left;
 	width:750px;
}

#checkoutform {float:left;width:240px;}
#calendar {float:left;width:165px;margin-top:16px;}
#adduserform {float:left;width:285px;}
#addusermsg {float:left;width:165px;}
#strip {vertical-align:middle;height:20px;}
#filter td, #head {border:1px solid #EEE;background:#EEE;}

#itemthumb{
	float:left;
	margin:0px 20px 20px 20px;
	text-align:center;
}

.border{
	border:5px solid #666;
}

.frame {
	float:left;
	background: #FFFFFF url(../images/body2-alt.png);
	padding:20px;
	margin:0px 20px 20px 0px;
}

.frame div.border { background: #EEE;padding:10px; }

.frame0 {
	float:left;
	background: #FFFFFF url(../images/body2-alt.png);
	padding:20px;
	margin:0px 20px 20px 0px;
}

#itembody{
	background:#EEE;
	border:5px solid #666;
	padding:10px;
	max-width:800px;
}

#itembody table {margin-left:0px;}


#addcast {float:left;width:200px;}
#alert {width:60%;height:30px;border:1px solid #F00;background:#FFE4E4;text-align:center;line-height:30px;margin:auto;}
#alert a {color:#F00;}

#image {float:left;width:75px;}
#image img {padding-left:5px;}

#results {float:none;min-height:100px;width:720px;margin-left:auto;margin-right:auto;}
#results p {margin-left:85px;}
#results p.explanation {border:1px solid #458D3B;background-color:#E7FFDF;padding: 5px;}
/* #results div.explanation {padding-left:85px;} */

#edit {width:368px;height:370px;background:#FFF;border:1px solid #0FF;}
#preview {width:368px;height:370px;background:#FFF;border:1px solid #F0F;}
.in {height:auto;width:auto;float:left;text-align:left;}
.slide {display:none;width:736px;height:400px;border:1px solid #458D3B;background:#FFF;}
.initialslide {width:736px;height:400px;border:1px solid #458D3B;background:#FFF;}

.menu {width:736px;background:#BBB;padding:1px; border:1px solid #AAA;}

/* ITEM.PHP */
#title {border-bottom:2px dashed #EEE;margin:8px 0px;}
.info {color:#444;margin-bottom:0.6em;margin-left:7em;}
.info h5 {color:#222;margin-left:-8em;margin-top:0pt;position:absolute;}
table.cast {border-collapse:collapse;}
table.cast td {border-bottom:1px dotted #999;border-top:1px dotted #999;border-left:none;border-right:none;text-align:left;padding:0em 0.5em;vertical-align:middle;}
tr.odd {background:#BBB;}
tr.even {background:#CCC;}


h5 {margin:0pt;}
h5 a {color:#555;}

/* NAME.PHP */
.filmo ol {margin-bottom:1em;margin-left:40px;margin-top:0pt;padding-left:0pt;}
.filmo ol li {margin-left:0pt;}
.filmo .label {left:170px;margin-left:0pt;margin-top:0pt;padding-left:0em;position:absolute;}
.filmo .label li {font-size:77%;font-weight:normal;list-style-image:none;list-style-position:inside;list-style-type:none;margin-left:0pt;padding-left:0pt;}


#message {
	background:#EEE;
	padding:10px;
}

#sidebar,
#adminsidebar,
#addusersidebar {
	float:right;
	background:#FFF;
	border:3px solid #CCC;
	padding:0.5%;
	margin-bottom:1%;
	margin-right:1%;
}

#sidebar {
	width:28%;
	min-width:175px;
}

#adminsidebar {
	width:20%;
	min-width:180px;
}

.slim th {
	text-align:right;
	padding-right:1px;
	vertical-align:top;
}
