/******************************************************************
 * TITLE: Grey Boxes Stylesheet for Sinorca											 *
 * URI	: http://www.oswd.org/design/???/sinorca/sinorca-grey.css *
 * MODIF: 2003-01-13 1237 +0800																	 *
 ******************************************************************/


/* ###### Body Text ###### */

body	{
	background-color: #F0F0F0;
	font-family: sans-serif;
	margin: 0;
	background-repeat: no-repeat;
	background-attachment: scroll;
	}

a	{
	text-decoration: none;
	}

img.lh
	{
	padding: 13px;
	}


/* classes */

.course
	{
	background-color: #F0F0F0;
	}

.course div
	{
	padding: 3px;
	}

.course label
	{
	font-weight: bold;
	}

.course .header
	{
	background-color: #E8E8FF;
	font-size: 120%;
	}

span.indicator
	{
	background-image:url(/images/checkmark_small.png);
	background-repeat:no-repeat;
	background-position:center 0;
	padding-left:17px;
	}

.input_format
	{
	font-size: 80%;
	color: #888;
	}

.instructor .inst_name
	{
	font-weight: bold;
	}

.object
	{
	background-color: #CCCCFF;
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	}

.smallCaps
	{
	font-variant: small-caps;
	}

span.validator
	{
	background-image: url(/images/exclamation_small.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-left: 17px;
	}


.lhs	{
	/* position: absolute; */
	left: 1.7mm;
	top: 1ex;
	}

.rhs	{
	float: right;
	width: 290px;
	}

.dashBox
	{
	margin: 10px;
	border-style: dashed;
	border-width: 1px;
	padding: 13px;
	width: 231px;
	}

.bg1_off
	{
	background-color: white;
	}

.bg2_off
	{
	background-color: #F0F0F0;
	}

.sectionHeader
	{
	font-size: 140%;
	}

.error
	{
	border-style: solid;
	border-width: 1px;
	border-color: red;
	background-color: #FFCCCC;
	padding: 4px;
	}

.closed
	{
	color: #888;
	}


/* IDs */

#Top	{
	}

#Top-Top
	{
	background-color: #000088;
	color: white;
	}

#Top-Middle
	{
	font-size: 300%;
	background-color: #7777DD;
	}

#Top-Middle a
	{
	color: #DDF;
	}

#Top-Bottom
	{
	padding: 3px;
	background-color: #CCCCFF;
	}

#Top-Bottom a
	{
	color: #000088;
	}

#Middle	{
	/* position: relative; */
	border-top: 1px solid #999999;
	background-color: #CCC;
	}

#Middle-Left
	{
	/* position: relative; */
	float: left;
	clear: left;
	width: 210px;
	border-right: 1px solid #999999;
	background-color: white;
	}

#Middle-Left > div
	{
	border-bottom: 1px solid #88C;
	}

#Middle-Left a
	{
	display: block;
	padding: 8px;
	color: #000088;
	}

#Middle-Left a:hover
	{
	background-color: #CCCCFF;
	}

#Middle-Left-Top
	{
	padding: 6px;
	}

#Middle-Left-Middle
	{
	padding: 6px;
	}

#Middle-Left-Bottom
	{
	padding: 6px;
	}

#Middle-Right
	{
	/* position: relative; */
	border-left: 1px solid #999999;
	background-color: #880000;
	background-color: white;
	text-align: left;
	line-height: 1.3em;
	margin-left: 210px;
	padding: 4mm;
	}

#Middle-Right a
	{
	color: #000088;
	}





.sideMenuBox .thisPage {
	display: block;
	padding: 1.2ex 1ex 1.2ex 5mm;
}



#Bottom
	{
	border-top: 1px solid #999999;
	font-size: 90%;
	padding: 1.9ex 2.6mm 2.4ex 2.6mm;
	clear: left;
	}


.red
	{
	color: red;
	}


.exit_box
	{
	border: solid navy 1px;
	background-color: #DDF;
	margin: 10%;
	text-align: center;
	padding: 2em;
	font-size: 140%;
	}