*
{
	padding: 0;
	margin: 0;
}

body
{
	background: #eee;
	font-family: "Trebuchet MS" , Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 24px;
}

a
{
	text-decoration: none;
	color: #0171AF;
}
a:hover
{
	text-decoration: underline;
	color: #111;
}

#wrap
{
	width: 800px;
	margin: 10px auto;
}

#header
{
	height: 20px;
	background: #eee url(../images/header.gif) no-repeat;
}

#banner img
{
	float: left;
	padding-left: 5px;
}

#banner h1
{
	font-size: 34px;
	font-weight: 100;
	letter-spacing: -1px;
	padding: 13px 0 0 170px;
}

#banner h1 a
{
	text-decoration: none;
	color: #003D4D; /*003D4D    EC8714*/
}
#banner h1 a:hover
{
	text-decoration: none;
	color: #000;
}
#banner h2
{
	color: #17BCE5; /*08A66F 4D2500  89A537*/
	font-size: 20px;
	font-weight: 100;
	padding: 0 0 0 240px;
}

#menu
{
	float: left;
	margin: 20px 0pt 0pt 10px;
	padding-bottom: 10px;
	width: 740px;
	border-top: 1px solid #CCC;
}

#menu ul
{
	height: 20px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 5px;
	padding: 0pt;
}

#menu ul li
{
	display: block;
	float: left;
	font-size: 13px;
	margin: 0pt 10px 0pt 0pt;
	padding: 0pt;
	padding-right: 10px;
	color: #0083A6; /*994A00 E7D68D 0083A6*/ /*letter-spacing: -1px;*/
}

#menu ul li a .current
{
	font-weight: bold;
	text-decoration: underline;
}

#menu ul li a:hover
{
	color: #333;
	text-decoration: underline;
}

#content
{
	background: #eee url(../images/content.gif) repeat-y;
	padding: 10px 20px 20px 20px;
}


.main h2
{
	font-size: 14px;
	font-weight: 100;
	padding: 5px 0 7px 0;
}
.main h2 a
{
	text-decoration: none;
}
.left h2 a:hover
{
	color: #111;
}

.main table
{
	border: 1px solid #ccc;
	padding: 5px;
}

.main table td
{
	padding: 5px;
	vertical-align: top;
	line-height: 13px;
}

.main table th
{
	padding: 5px;
	color: #000;
	background-color: #eee;
}

.main .left
{
	/*border-top: 1px solid #aaa;*/
	background: #fff;
	margin-left: 10px;
	width: 180px;
	float: left; /*padding:10px;*/
	margin: 0pt auto;
}

.main .left li:hover
{
	/*background:#eee url(../images/newspaper_go.png) no-repeat; background-position:188px 15px;*/
}

.main .left li
{
	padding: 5px;
	cursor: pointer;
	background: #fff url(../images/newspaper_go.png) no-repeat;
	background-position: 188px -30px;
	border-bottom: 1px solid #CCC;
}

.main .left .sub li
{
	padding: 5px;
	padding-left: 10px;
	height: 16px;
	cursor: pointer;
	background: #fff url(../images/newspaper_go.png) no-repeat;
	background-position: 188px -30px;
	border-bottom: none;
}


.main .left li .listcontainer
{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 14px;
}

.main .left li .listcontainer .date
{
	font-size: 11px;
	font-weight: normal;
	margin-left: 22px;
}

.main .left li .listcontainer .excerpt
{
	font-size: 11px;
	font-weight: normal;
	margin-top: 10px;
	margin-left: 22px;
	font-style: italic;
}

.main .left li .listcontainer img
{
	margin-right: 5px;
}

.main .left ul
{
	list-style: none;
	margin: 0px;
}

#bottom
{
	background: #eee url(../images/bottom.gif) no-repeat;
	padding: 10px 0;
}

#footer
{
	font-size: 11px;
	color: #999;
	text-align: center;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}
.nodisplay
{
	display: none;
}

tr.answer_edit
{
	font-size: 8px;
}

tr.answer_list_row td
{
	text-align: center;
	border: 1px solid #ccc;
}
tr.answer_list_row td.answer
{
	text-align: left;
	vertical-align: text-top;
}
tr.answer_list_row td img
{
	border: none;
}
tr td button
{
	width: 50px;
	font-family: Trebuchet MS;
	font-size: 10px;
	float: left;
	margin-right: 5px;
}
tr.alt
{
	background-color: #eee;
}
div#message
{
	padding: 5px;
	background-color: #dd8888;
	border: 1px solid #red;
	display: none;
	margin-bottom: 5px;
	color: #fff;
}

div#examtype
{
	min-height: 30px;
	padding: 20px;
	border: 1px solid #ccc;
	background-color: #eee;
}
div#examtype .inputrow .label
{
	font-size: 15px;
	font-weight: bold;
	width: 100px;
	display: inline;
}
div#examtype input
{
	margin: 0 10px;
}
div#examtype .inputrow
{
	margin-bottom: 10px;
}
div#examtype .inputrow button
{
	width: 70px;
}
div#examtype .inputrow #save
{
	color: #666;
	display: inline;
	width: 150px;
	padding: 5px;
	margin-left: 10px;
}

div#questions
{
	margin-bottom: 20px;
}
div#questions ul
{
	border: 1px solid #ccc;
	background-color: #eee;
	list-style: none;
	padding: 10px;
	float: left;
}
div#questions ul li
{
	padding: 10px;
	background-color: #fff;
	margin-bottom: 10px;
	cursor: pointer;
	border: 1px solid #e5e5e5;
	float: left;
	width: 620px;
}
div#questions ul li span
{
	float: left;
}
div#questions ul li div.qlink
{
	padding: 5px 10px;
	float: left;
}
div#questions ul li div.questiontext
{
	margin-left: 20px;
	float: left;
	width: 500px;
	padding-top: 5px;
}
div#questions ul li img
{
	border: none;
}
div#questions ul li a
{
	border: none;
}
div#questions ul li.mandatory
{
	border: 1px solid #89b3e7;
	padding: 9px;
}
div#questions ul li.edit_row
{
	background: url(../../images/editbg.png);
}
div#questions ul li.answer_list_row:hover
{
	cursor: pointer;
}
div#questions ul li.answer_list_row a
{
	outline: none;
}
div#questions ul li.correct_row
{
	border: 3px solid green;
}
div#questions h3
{
	display: inline;
}

ul.subnav
{
	list-style: none;
}
ul.subnav li
{
	display: inline;
	margin-right: 20px;
}
ul.subnav li h2
{
	display: inline;
}

div#status
{
	display: inline;
	margin-left: 20px;
	color: #666;
}

div#topmenus ul
{
	list-style: none;
	float: left;
}
div#topmenus ul li
{
	display: inline;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #eee;
	border: 1px solid #ccc;
	float: left;
	width: 110px;
	height: 55px;
}
div#topmenus ul li:hover
{
	cursor: pointer;
}

div#topmenus ul li.new
{
	background-color: #d9e6c6;
	border: 1px solid #6a952c;
}

div#leftmenus ul
{
	list-style: none;
	float: left;
}
div#leftmenus ul li
{
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #eee;
	border: 1px solid #ccc;
	float: left;
	width: 110px;
	height: 55px;
}
div#leftmenus ul li:hover
{
	cursor: pointer;
}

div#leftmenus ul li.new
{
	background-color: #d9e6c6;
	border: 1px solid #6a952c;
}

/* the overlayed element */
div.overlay
{
	/* growing background image */
	background-image: url(images/white.png); /* dimensions after the growing animation finishes  */
	width: 600px;
	height: 470px; /* initially overlay is hidden */
	display: none; /* some padding to layout nested elements nicely  */
	padding: 55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close
{
	background-image: url(images/close.png);
	position: absolute;
	right: 5px;
	top: 5px;
	cursor: pointer;
	height: 35px;
	width: 35px;
}

/* classroom training styles*/
div#tr_wrap
{
	border: 1px solid #ccc;
	float: left;
	width: 690px;
	padding: 10px;
}

div#tr_navigation
{
	float: left;
	width: 200px;
}

div#tr_navigation ul
{
	list-style: none;
	list-style-type: none;
	border-right: 1px solid #ccc;
	min-height: 150px;
}

div#tr_navigation ul li
{
	margin-right: 10px;
	margin-left: 10px;
}

div#tr_navigation ul li a
{
	outline: none;
}

div#tr_navigation ul li.selected
{
	list-style-type: disc;
}

div#tr_navigation ul li.completed
{
	background: url(images/71.png) no-repeat right;
}

div#tr_navigation ul li.disabled
{
	color: #ccc;
}

div#tr_content
{
	float: left;
	width: 480px;
	margin-left: 10px;
}

div.tr_navigation
{
	float: left;
	width: 340px;
}

div.tr_navigation ul
{
	list-style: none;
	list-style-type: none;
}

div.tr_navigation ul li a
{
	outline: none;
}

div.tr_content
{
	float: left;
	width: 340px;
	margin-left: 10px;
}

.tr_student_ul
{
	display: inline;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

.tr_student_ul li
{
	display: inline;
	margin-right: 20px;
}

.tr_student_ul li input
{
	margin-right: 10px;
}

.tr_student_list
{
	border: 2px solid #eee;
	list-style: none;
	list-style-type: none;
	padding: 5px 5px 0px 5px;
	font-size: 12px;
}

.tr_student_list li
{
	margin-bottom: 5px;
	height: 20px;
	background-color: #eee;
	padding: 5px;
}

.tr_student_list li.tr_title
{
	background-color: #fff;
	font-weight: bold;
	height: 25px;
	text-decoration: underline;
}

.tr_student_list li a.tr_student_r
{
	float: right;
	vertical-align: text-bottom;
}

.tr_student_list li a
{
	outline: none;
}

.tr_student_list img
{
	border: none;
}

.tr_student_list li a.tr_student_ur
{
	float: left;
	margin-right: 5px;
}

.tr_resolution
{
	display: block;
	margin-left: 23px;
	margin-top: 10px;
}

.tr_resolution input
{
	margin-left: 10px;
}

#printable
{
	display: none;
}

#optionForm input
{
	margin-right: 10px;
}

#resolutionForm input
{
	margin-right: 10px;
}

input
{
	outline: none;
}

.disclaimer
{
	font-family: trebuchet MS;
	font-size: 10px;
	height: 200px;
	width: 300px;
}

.contentdescription
{
	width: 300px;
}

label.error
{
	color: #CE4817;
}

a.drill_list
{
	background: transparent url(images/38.png) no-repeat scroll 0% 0%;
	padding-left: 20px;
	font-size: 11px;
}

a.file_list
{
	background: transparent url(images/23.png) no-repeat scroll 0% 0%;
	padding-left: 20px;
	font-size: 11px;
}

a.drill_add
{
	background: transparent url(images/13.png) no-repeat scroll 0% 0%;
	padding-left: 20px;
	font-size: 11px;
}

label
{
	margin-left: 5px;
}

input.time
{
	margin-right: 5px;
}

input.time_right
{
	margin-left: 20px;
}

input.padded
{
	width: 155px;
}
select.padded
{
	width: 160px;
	display: inline;
}

div.tr_filter
{
	width: 600px;
	min-height: 50px;
	margin-bottom: 20px;
}

div.tr_filter span
{
	width: 160px;
	float: left;
}

.hide
{
	display: none;
}

.show
{
	display: block;
}

.options
{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	width: 100%;
	margin-bottom: 10px;
	min-height: 33px;
}

.text
{
	width: 200px;
}
.popupMenu
{
	position: absolute;
	visibility: hidden;
	background-color: #AAFFFF;
	opacity: .9;
	filter: alpha(opacity=90);
}
.createdBy
{
	font-size: x-small;
	font-style: italic;
}
.modifiedBy
{
	font-size: x-small;
	font-style: italic;
}

.option-div
{
	float: left;
    margin-top: 5px;
    margin-left:10px;
}