body {
	margin:0;
	padding:0;
	font-family: tahoma,helvetica,arial,sans-serif;
	font-size:12px;
}

h1 { font-size:20px;}
h2 { font-size:16px;}
h3 { font-size:14px;}
h4 { font-size:12px;}

p, td, li {
	font-size: 12px;
	line-height: 1.4em;
}

td {
	text-align:left;
	vertical-align:top;	
}

img { border:0; }

/* basic classes */

.bold { font-weight:bold; }
.normal { font-weight:normal; }
.italic { font-style: italic; }
.uline { text-decoration: underline; }
.nouline { text-decoration: none; }
.noborder { border:none; }
.larger { font-size: 120%; }
.smaller { font-size: 80%; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.margin1 { margin: 1em; }
.margin2 { margin: 2em; }
.nomargin { margin: 0; }
.nopadding { padding: 0; }
.clear { clear:both; }
.error {
	display:block;
	margin:1em;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	color:red;
}

body {
	background: url( 'images/tpl_bg1.jpg' ) repeat-x;
}

table#layout {
	width:780px;
	border-collapse:collapse;
	border-spacing:0;
	margin:auto;
	padding:0;
}

td#left {
	padding:5px 15px;
	width:175px;	
}

div#leftcolumn {
	border: 1px solid rgb(165,203,82);
	background-color:white;
}

/*** Begin Main Menu ***/

div.mainmenu table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	margin:0;
	padding:0;
}

.mainlevel_main {
	display:block;
	width:142px;
	height:22px;
	padding-left:30px;
	margin-bottom:4px;
	background: url('images/menubg1.jpg');
	font-size:15px;
	line-height:1.4em;
	font-weight:bold;
	color:black;
	text-decoration:none;
	font-family:arial narrow, tahoma, helvetica, sans-serif;
}

.mainlevel_main a {
	font-size: 15px;
}

.mainlevel_main:hover {
	display:block;
	width:142px;
	height:22px;
	padding-left:30px;
	background: url('images/menubg2.jpg');
	text-decoration:none;
}

.mainlevel_main#active_menu_main {
	background: url('images/menubg2.jpg');
}

/*** End Main Menu ***/

/*** Begin Footer ***/
.footerdiv {
	min-height:50px;
	margin:15px 0 15px 15px;
	/*background-color:rgb(255,154,49);*/
	border-top:1px solid rgb(165,203,82);
}

.footer {
	font-family: Tahoma, Arial, Verdana;
	font-size: 10px;
	color: #999;
	text-decoration: none;
	text-align: center;
}
/*** End Footer ***/

/*** FAQs page ***/
ul#faq_questions {
	list-style-image: url( 'images/bullet.gif' );
	line-height:1.8em;
	font-weight:bold;
	padding-left:2em;
}

ul#faq_questions li {
	padding:2px 0px;
}

dl#faq_answers {
	margin-left:2em;
}

.greyheading {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #707070;
	text-decoration: none;
	margin-top:1em;
	padding-left:1em;
	background: url( 'images/bullet.gif' ) no-repeat;
}

.contenttext {
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-align: justify;
	line-height: 20px;
}

/*** End FAQs page ***/

/*** Begin various content area stylings ***/

#contentdiv {
	margin:5px 0px;
	padding:10px;
	min-height:300px;
	border:1px solid rgb(165,203,82);
	text-align:left;
	background-color:#fff;
}

img.pagehead {
	margin-top:59px;
}

img.subheader {
	margin:33px 0px 0px 0px;
	border:0px;
	text-align:left;
}

/*** Product Page ***/ 
.product_item {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px dashed #ccc;
}

.product_item img.itemhead {
	float:left;
	margin-right:10px;
	width:150px;
}
/*** End Product Page ***/ 


/* fix for manage groups info page */

div#group_info table td, table#group_print td, #edittask table td, #tasklist td {
	margin:0;
	padding:0;
}

/* end fix for manage groups info page */


.registration {
	margin-top:34px;
	background: url(images/subheader_registration.jpg) top left no-repeat;
	padding:1em;
}

.registration .componentheading {
	display:none;
}

.registration table.contentpane {
	margin-top: 180px;
}

.back_button {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}

.back_button a {
	color:gray;
}

table#grouplist, table#userlist {
	width:100%;
}

table#tasklist, table#semesterlist {
	width:100%;
	border-collapse: collapse;
}

table#tasklist td, table#semesterlist td {
	padding: 2px 5px;
	border: 1px solid silver;
}

table#tasklist tr:hover, table#semesterlist tr:hover {
	background-color: rgb(250,250,0);
}

table#memberroles {
	border-spacing:8px;
}

table#memberroles th, table#memberroles td {
	text-align:center;
}

table#memberroles tr {
	border: 1px solid silver;
}

table#rolelist th, table#rolelist td {
	padding:5px;
	text-align:center;
}


/*** End various content area stylings ***/

/*** Begin Sortable Table styling ***/
.sortable {
	font: Icon;
	border: 1px Solid ThreeDShadow;
	background: Window;
	color: WindowText;
}

.sortable thead {
	background: ButtonFace;
}

.sortable td {
	padding: 2px 5px;
	border: 1px solid silver;
}

.sortable thead td {
	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	cursor: default;
}

.sortable thead td:active {
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	padding: 3px 4px 1px 6px;
}

.sortable tbody tr:hover, .sortable tbody td:hover {
	background-color: rgb(250,250,0);
}

/*** End Sortable Table Styling ***/
form[name="login"] label, form[name="register"] label, form[name="login"] input, form[name="register"] input {
	display:block;
	clear:both;
	margin-bottom:5px;
}

legend {
	font-weight:bold;
}

.ok {
	background-color:inherit;
}

form[name="login"] .error, form[name="register"] .error {
	background-color:red;
	color:white;
}