/*
 * E-learning style sheet
 */

html
{
	font-family: verdana, sans;
	color: #585E65;
}

body
{
	margin: 0;
	background-color:#E3E5E8;
}

div
{
	padding:0px;
	margin:0px;

}
form
{
	margin: 0;
	padding: 0;
}

table, tr, td
{
	border-collapse:collapse;
	/*border: solid 1px #FF0000;*/
}

th
{
	font-weight:bold;
	font-size:12px;
	text-align:left;
}

.datagrid tr td
{
  border-bottom: solid 1px #AAA;
}

.datagrid tr th
{
  background-color: #EFEFEF;
}

select
{
	font-family:verdana;
	font-size: 12px;
	width:100px;
}
h1
{
	font-size: 20px;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	color: #6B747F;
}

h2
{
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0;
}

a
{
	color: #7690be;
	text-decoration: none;
	border: 0;
}

a:hover
{
	color: #7690be;
	text-decoration: underline;
	border: 0;
}

a img
{
	border: 0;
}

.pagestruct
{
	margin: 0;
	padding: 0;
}

.pagestruct td
{
}

/*********** Fading Background elements *************/

#top
{
}

#topleft
{
	padding-top: 15px;
}

#topright
{
	padding-top: 15px;
}

#topcontentleft
{
	padding-top: 15px;
	padding-bottom: 5px;
	width:330px;
	text-align:left;
}

#topcontentright
{
	padding-top: 15px;
	width:530px;
	text-align:right;
	vertical-align:bottom;
}


#mainleft
{
	background: url("../../images/common/left_fade_background.gif") repeat-y;
	background-position: right top;
	text-align:right;
	vertical-align:top;
}

#maincontent
{
	width:860px;
	vertical-align:top;
	align:left;
	padding:0px;
	margin:0px;
}

#mainright
{
	background: url("../../images/common/right_fade_background.gif") repeat-y;
	background-position: left top;
	text-align:left;
}

#mainrighttop
{
	background: url("../../images/common/right_fade_background.gif") repeat-y;
	background-position: left top;
	vertical-align:top;
}

#mainrightbottom
{
	background: url("../../images/common/right_fade_background.gif") repeat-y;
	background-position: left top;
	vertical-align:bottom;
}

#bottom
{
}

#bottomleft
{
	text-align:right;
	vertical-align:top;
}

#bottomcontent
{
	vertical-align:top;
	
	background: url("../../images/common/bottom_fade_background.gif") repeat-x;
}

#bottomright
{
	text-align:left;
	vertical-align:top;
}


/*******************************/

/******* Common Content ******/

#maincontent p, #maincontent div , #maincontent td 
{
	font-size:11px;
}

p.spokentext
{
	font-style:italic;
	font-size:11px;
}
/*******************************/

/******* Content With Left Menu ******/

#maincontent table.contentgrid
{
	width:860px;	
}

#maincontent table.contentgrid td.leftmenu
{
	width: 170px;
	background: url("../../images/common/train_leftmenu_background.gif") repeat-x #ABB2B9;
	vertical-align:top;
	text-align:left;
	padding:135px 25px 25px 25px;
}

#maincontent table.contentgrid td.rightcontent
{
	background: url("../../images/common/train_title_background.gif") repeat-x #FFFFFF;
}

#maincontent table.contentgrid  td.rightcontent div.title
{
	height:110px;
	/*text-transform:capitalize;*/
	text-align:left;
	padding:0px 40px 0px 25px;
	font-size: 20px;
	color: #6B747F;
}

#maincontent table.contentgrid  td.rightcontent div.content
{
	background: transparent;
}

#maincontent table.contentgrid  td.rightcontent div.content div.flashcontent
{
	border-top: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	background: #FFFFFF;
}

#maincontent table.contentgrid  td.rightcontent div.content div.textcontent
{
	background: transparent;
	width:500px;
	float:left;
	padding:25px;
}

#maincontent table.contentgrid  td.rightcontent div.content div.inputform
{
	background: transparent;
	width:500px;
	float:left;
	padding:25px;
}


#maincontent table.contentgrid  td.rightcontent div.navigation
{
	background: transparent;
	float:right;
	text-align:center;
}

#maincontent table.contentgrid td.rightcontent div.navigation div.buttons
{
}

#maincontent table.contentgrid  td.rightcontent div.navigation div.partnersineducationlogo
{
	padding:17px;
}


/*******************************/




/******* Training Item Content ******/

div.trainingitem
{
	background: url("../../images/common/train_title_background.gif") repeat-x #FFFFFF;
	width:690px;
}

div.trainingitem div.title
{
	height:110px;
	text-align:left;
	padding:0px 40px 0px 25px;
	font-size: 20px;
	color: #6B747F;
}

div.trainingitem div.content
{
	background: transparent;
}

div.trainingitem div.content div.flashcontent
{
	border-top: 1px solid #BEBEBE;
	border-bottom: 1px solid #BEBEBE;
	background: #FFFFFF;
}

div.trainingitem div.content div.textcontent
{
	background: transparent;
	width:500px;
	float:left;
	padding:25px;
}

div.trainingitem div.content div.inputform
{
	background: transparent;
	width:500px;
	float:left;
	padding:25px;
}


div.trainingitem div.navigation
{
	background: transparent;
	float:right;
	text-align:center;
}

div.trainingitem div.navigation div.buttons
{
	padding:17px;
}



/*******************************/
.username
{
	float: left;
	padding-left: 50px;
	padding-top: 6px;
	font-size: 14px;
	color: #6c615a;
	font-weight: bold;
}


.trainingsitem
{
	float: left;
	padding: 25px 0px 16px 40px;
	width: 450px;
}

.passed
{
	color: #1A1;
	font-weight:bold;
	text-transform: capitalize;
}

.failed
{
	color: #F00;
	font-weight:bold;
	text-transform: capitalize;
}

.error
{
	color: #F00;
}

.button
{
	cursor: pointer;
}