/* Reset browsers default styles */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
	font-weight: normal;
		font-style: normal;
		font-size: 100%;
		line-height: 1;
		font-family: inherit;
		text-align: left;}
table { border-collapse: collapse; border-spacing: 0;}
ol,ul { list-style: none;}
q:before,q:after,
blockquote:before,blockquote:after { content: "";}

/* Body styles */
body {
	background-color:#000000;
	background-image:url(Images/bars.gif);
	background-position: left -125px;
	background-repeat:repeat;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;}


/* Styles and substyles for main layout divs */
#container {
	padding-left:58px;
	width: 894px;}
	
	#header {
			height:75px;
	        padding:150px 0 20px 0;
			background-image: url(Images/header.gif);
            background-position:center top;
			background-repeat: no-repeat;
			color: #FFFFFF;}
			#header p { height:35px; padding:10px 25px 0 25px; color:#FFCC00; text-align:center;}
			#header p span { color: #FFFFFF;}
			#toolbar { height:22px; padding:8px 25px 0 25px; color:#FF0000;}
			#toolbar span { padding-left: 100px;}
			#pager {color:#FFFFFF;}
			#pager span.page {color:#FF0000;}
			.sort { margin:0 5px;}
/* R E C O R D S */
#content {}  
.rowOfRecords {  margin-left:-24px; }
.record { width:282px; 
          height:340px; 
          float:left; 
          padding:10px 0 20px 0;
          margin-left:24px;
          font-weight:bold;
          color:#FFFFFF;
		  background-position:left 10px;
		  background-repeat: no-repeat; }
.recBckgrnd {background-image:url(Images/recordBckgrnd.gif);}
.recBckgrndA {background-image:url(Images/recordBckgrndA.gif);}
.recBckgrndC {background-image:url(Images/recordBckgrndC.gif);}
.recBckgrndS {background-image:url(Images/recordBckgrndS.gif);}
		  
		  .record span { color:#FF0000;}
		  .record ul li p { width:43px; float:left; text-align:right; padding-right:5px;} 
		  .topBlock { }
			.left { width:124px; height:235px; float:left; padding-left:10px;}
				.recID {padding:5px 0;}
				.selectedImage { border:solid 2px #FF0000; margin-bottom:5px;}
				.thumbnail { border:solid 1px #FF0000;}
				.blankTmnl { border-color:#CCCCCC;}
				.middleTmnl {margin: 0 3px 0 4px;}
			.right { width:138px; height:215px; float:left; padding:20px 5px 0 5px;}
			.right ul li { padding-bottom:8px; text-align:left; clear:left;}
			.right ul li p { width:43px; float:left; padding-right:5px; padding-bottom:8px; text-align:right;} 
		  .bottomBlock { width:267px; height:100px; padding:5px 5px 0 10px;}	
			.charges { height:35px;}
			.info { height: 35px;}
			.video { height: 20px;}
			#pager { width:220px; position:absolute; top:205px; left:700px;}
			.clear { clear:both;}	
/* End of R E C O R D S */		  

	#footer {
			  height: 40px;
			  padding-top:25px;
			  text-align:center;
			  font-weight:bold;
			  background-image:url(Images/footer.gif);
			  background-position:center center;
		      background-repeat: no-repeat;  }
		
/* ADMIN STYLES */
.adminBody { background-color:#FFFFFF; background-image:none; background-image: url(Images/menuBckgrnd.gif); background-position:left top; background-repeat: repeat-y;}
#menu {width: 215px; height:100%; float:left; color:#FFFFFF;}
#menu ul { width:212px;}
#menu ul li { text-align:center;}
#adminContent { margin-left:215px; padding: 10px;}
#title,#welcome { background-color:#FFFFFF; height:25px; color:#FF0000; font-weight:bold; font-size:14px; padding-top:15px;}
#welcome {height:30px; padding-top:5px; color:#444444;}
#goTo p { text-align:center; padding-bottom:5px;}
.link { padding:5px 0;}
.first { padding-top:10px;}
.link a:link, .link a:visited {color:#FFFFFF; text-decoration:none;}
.link a:hover {color:#FF0000; text-decoration:none;}

#loginWrapper { padding:100px 0 0 90px;} 
#loginWrapper ul li {padding-bottom: 10px;}
#loginWrapper ul li p { width:6em; float:left;}
.text { font-weight:bold; color:#FF3300;}
.loginbtn { padding-left:6em;}

#intro { padding:140px 0 0 90px;}
#intro span { font-weight:bold; color:#CC0000;}

/* ADMIN RECORDS */
.adminHeader {height:25px; width:710px; background-color:#333333; color:#FF0000; margin-top:-10px; text-align:center; font-size:14px; font-weight:bold; padding-top:15px;}
.adminSubHeader { width:690px; font-weight:bold; padding:10px; border-bottom:solid 10px #333333;}
.adminSubHeader span { font-weight:bold; padding-left:20px;}
.adminPageOfRecords { width:720px; margin-left:-10px; }
.adminRecord { width:220px; height:150px; padding:10px 3px 10px 4px; float:left; margin:10px 0 0 10px; border:solid 1px #333333; border-left-width:2px; }
.adminRecord ul {width:95px; float:left; padding-top:10px;}
.adminRecord ul li { text-align:center; padding-bottom:10px; font-weight:bold; color:#FF0000;}
.adminRecord ul li span { color:#000000; font-weight:bold;} 
.adminImage {width:122px; float:right;}
.adminImage img { border:solid 1px #FF0000;}
#adminFooter {width:710px; height:40px; margin-left:225px; background-color:#333333;}
#adminFooter p { height:20px; background-color:#FF0000; text-align:center; padding-top:5px;}

.recordEditNameRow { width:710px; padding:10px 0;}
.nameRowElements { padding-left:10px;}

.recordEditContainer {width:710px;}
.recordEditFields {width:469px; float:left; border-right:solid 1px #333333; }
.recordEditMedia {width:230px; float:right; padding:0 0 0 10px; }
.recordEditContainer h3 { text-align:center; height:15px; padding-top:5px; background-color:#333333; color:#FFFFFF;}
.recordEditMedia h3 { clear:both;}
.recordEditFields ul { padding:10px 0 0 0;}
.recordEditFields ul li { clear:both; padding-bottom:10px; }
.recordEditFields ul li p { width:150px; float:left; border-bottom:solid 1px #333333; text-align:right; padding:5px 0; margin-right:20px;}
.recordEditFields ul li span { color:#FF0000;}
.ddlLeftPadding { margin-left:5px;}
.btnPlus {padding:0; margin:0; text-align:right; text-decoration:none;}
.btnMinus {padding:0; margin:0 5px 0 0; text-align:right; text-decoration:none;}
#noBorder, #noBorder1 {border-bottom:none;}
.bottomButtons {margin:10px 0 0 5px; padding:0 5px;}
#info { height:65px;}

.introText {padding:5px 0; line-height:1.3em; border-bottom:solid 1px #333333; clear:both;}
.introText span { color:#FF0000; font-weight:bold;}

.imagesContainer {padding:5px 0; }
.imageLeft, .imageCenter, .imageRight { width:72px; float:left;}
.imageCenter { padding:0 7px;}
.imageLeft ul li, .imageCenter ul li, .imageRight ul li {padding:5px 0;}
.imageRight ul li {text-align:right;}
.imageCenter ul li {text-align:center;}
.imageLeft ul li {text-align:left;}
.imageFrame {}
.imageRadioButton {}
.imageButton { text-align:center;}

.tmlContainer {padding:5px 0; }
.tmlLeft, .tmlCenter, .tmlRight { width:72px; float:left;}
.tmlCenter { margin:0 auto;}
.tmlLeft ul li, .tmlCenter ul li, .tmlRight ul li {padding:5px 0;}
.tmlRight ul li {text-align:right;}
.tmlCenter ul li {text-align:center;}
.tmlLeft ul li {text-align:left;}
.tmlFrame { }
.tmlRadioButton {}
.tmlButton { text-align:center;}

.vdContainer {padding:5px 0; }
.vdLeft, .vdCenter, .vdRight { width:72px; float:left;}
.vdCenter { margin:0 auto;}
.vdLeft ul li, .vdCenter ul li, .vdRight ul li {padding:5px 0;}
.vdRight ul li {text-align:right;}
.vdCenter ul li {text-align:center;}
.vdLeft ul li {text-align:left;}
.vdFrame { }
.vdRadioButton {}
.red { color:#FF0000;}
.vdButton { text-align:center;}

#chargesLI table td { vertical-align:top;}