/* CSS Document for whole AmericanPrep.org Web App, written by Nikolai Langlois, August 23rd, 2006 */

body {
	background-color:#666666;
}

#parentTable {
	padding: 0.3em;
}

.header {
	font-size: 18px;
	font-family: "Times New Roman", Times, serif;
}

#leftNav {
	background: #A31D21;
}

#leftNav a {
	display: block;
	color: #fff;
	border-bottom: dotted #fff 2px;
	margin: 0.5em;
	padding: 1em 0.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

#leftNav a:hover {
	color: #A31D21;
	background-color: #fff;
	border-bottom: dotted #000 2px;
}

#leftNav a:active {
	background-color: #D9D9D9;
}

#leftNav img {
}

#leftNav .highlight {
	background-color: #fff;
	color: #000;
	border-bottom: dotted #000 2px;
}

#leftNav .message {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
}

div#navbarPhoto a {
	margin-bottom: 2em;
	border: 1px solid #A31D21;
	padding: 0;
}

div#navbarPhoto a:hover {
	background-color: #A31D21;
	border: 1px solid #A31D21;
}

div#siteSearch {
	padding: 2em 0.5em;
}

#subNav {
	text-align: right;
	padding: 1em 1em 0 0;
	font-size: 10px;
}

#subNav a {
	text-decoration: none;
}

#subNav a:hover {
	background-color: #E6E6E6;
	color: #F00;
}

#subNav a:active {
	color: #000;
}

#subNav .highlight {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#subNav .highlight a:hover {
	color: #000;
}

div#homeGraphic {
	margin-left: 1em;
	float: right;
	padding: 0.8em 0;
/*	padding-right: 1em;	*/
}


div#rightNav {
	float: right;
	background-color: #fff;
	width: 150px;
	padding: 3px;
}

div#rightNav a {
	display: block;
	padding: 3px;
	color: #666;
	text-decoration: none;
}

div#rightNav a:hover {
	text-decoration: underline;
	color: #333;
}

div#rightNav a:active {
	background-color: #D9D9D9;
}


#navTable {
	padding-left: 0.3em;
}

.tableHeader {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 10px;
}


#tableHeader {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 10px;
	background-color: #666666;
}

#tableHeader a {
	color: #fff;
	text-decoration: none;
}



.error {
	color: #f00;
	font-variant: small-caps;
	font-size: 120%;
}

#contentBox {
	background-color: #fff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 1em 1em 0.4em;
}


#dbsContentBox {
	background-color: #fff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contentBox .title {
	font-size: 38px;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	padding: 0.5em 0;
	color: #003399;
}

#contentBox .body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 20px;
}

#contentBody .body br {
	text-indent: 1em;
}

#contentBox .body a {
	font-weight: bold;
}

#contentBox .body a:hover {
	color: #F00;
	text-decoration: none;
}

#contentBox .filesHeader {
	border-bottom: 1px solid #000;
	margin-top: 0.5em;
	font-size: 18px;
}

.greyRoundedBox {
/*	background: url(images/graphics/snowflakesBgrnd.gif) no-repeat bottom right;	*/
	background: url(images/graphics/greyStarsBgrnd.gif) no-repeat bottom right;
}

#filesSection {
	background-color: #F0F0F0;
	padding: 5px;
}

#filesSection .thinHeader {
	border-bottom: 1px solid #000;
}


.dbsLoginsBox {
	width: 95%;
	height: 150px;
	overflow: auto;
	background-color: #CCCCCC;
	padding: 1em;
	font-size: 90%;
}

[disabled] { /* Text and background colour, medium red on light yellow */
	color:#933;
	background-color:#ffc;
}






/*	For the sortable javascript stuff	*/
.odd {
  background-color: #F3F3F3;
}
.even {
  background-color: #fff;
}

.warning {
	background-color: #F3F3F3;
	color: red;
}





/*core drop shadow rules*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:right;
	background:url(http://166.70.237.22/images/imageDropshadows/v2/shadow.png) right bottom no-repeat;}
.wrap2 {background:url(http://166.70.237.22/images/imageDropshadows/v2/corner_bl.png) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(http://166.70.237.22/images/imageDropshadows/v2/corner_tr.png) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}


#v1 .wrap1 {background:url(http://166.70.237.22/images/imageDropshadows/v1/shadow.gif) right bottom no-repeat;}
#v1 .wrap2 {background:url(http://166.70.237.22/images/imageDropshadows/v1/corner_bl.gif) -4px 100% no-repeat;}
#v1 .wrap3 {
	padding:0 5px 5px 0;
	background:url(http://166.70.237.22/images/imageDropshadows/v1/corner_tr.gif) 100% -3px no-repeat;}

#v2 .wrap1 {background:url(http://166.70.237.22/images/imageDropshadows/v2/shadow.png) right bottom no-repeat;}
#v2 .wrap2 {background:url(http://166.70.237.22/images/imageDropshadows/v2/corner_bl.png) -1px 100% no-repeat;}
#v2 .wrap3 {
	padding:0 6px 6px 0;
	background:url(http://166.70.237.22/images/imageDropshadows/v2/corner_tr.png) 100% -1px no-repeat;}

#v3 .wrap1 {background:url(http://166.70.237.22/images/imageDropshadows/v3/shadow.png) right bottom no-repeat;}
#v3 .wrap2 {background:url(http://166.70.237.22/images/imageDropshadows/v3/corner_bl.png) -12px 100% no-repeat;}
#v3 .wrap3 {
	padding:0 9px 9px 0;
	background:url(http://166.70.237.22/images/imageDropshadows/v3/corner_tr.png) 100% -12px no-repeat;}

#v4 .wrap1 {background:url(http://166.70.237.22/images/imageDropshadows/v4/shadow.gif) right bottom no-repeat;}
#v4 .wrap2 {background:url(http://166.70.237.22/images/imageDropshadows/v4/corner_bl.gif) -12px 100% no-repeat;}
#v4 .wrap3 {
	padding:0 16px 16px 0;
	background:url(http://166.70.237.22/images/imageDropshadows/v4/corner_tr.gif) 100% -12px no-repeat;}

#v5 .wrap1 {background:url(http://166.70.237.22/images/imageDropshadows/v5/shadow.gif) right bottom no-repeat;}
#v5 .wrap2 {background:url(http://166.70.237.22/images/imageDropshadows/v5/corner_bl.gif) -12px 100% no-repeat;}
#v5 .wrap3 {
	padding:0 9px 9px 0;
	background:url(http://166.70.237.22/images/imageDropshadows/v5/corner_tr.gif) 100% -12px no-repeat;}

#v6 .wrap1 {background:url(http://166.70.237.22/images/imageDropshadows/v6/shadow.gif) right bottom no-repeat;}
#v6 .wrap2 {background:url(http://166.70.237.22/images/imageDropshadows/v6/corner_bl.gif) -4px 100% no-repeat;}
#v6 .wrap3 {
	padding:0 16px 16px 0;
	background:url(http://166.70.237.22/images/imageDropshadows/v6/corner_tr.gif) 100% -4px no-repeat;}

.example {clear:both; padding-left: 1em;}