/**************************************
 * THEME NAME: Verztec
 *
 * Files included in this sheet:
 *
 *   Verztec/test.css
 **************************************/

/***** Verztec/test.css start *****/

/**************************************
 * THEME NAME: Verztec
 *
 * Files included in this sheet:
 *
 *   Verztec/test.css
 **************************************/

/***** Verztec/test.css start *****/

html, body {
				
		padding:	0;
		margin:		0;
		
		font: arial, calibri,sans-serif;
		size:11px;
		background: #fff;
		
	}
body{ font-family: arial, calibri,sans-serif;;
}
html a, body a, a:link, a:visited {
color: #333;
text-decoration:none;
}

html a:hover, body a:hover {
color: #999;

}

#nono {
background-image:url(images/bg.png);
}

.feedback #mymenu li.feedback, .profile #mymenu li.profile,  .my_courses #mymenu li.my_courses {
    border-left-color: rgb(0, 55, 124);
}
.feedback #mymenu li.feedback a,.profile #mymenu li.profile a, .my_courses #mymenu li.my_courses a {
    color: rgb(0, 55, 124);
}



#mymenu li a:hover {color: rgb(0, 55, 124) !important;}

#header-wrap {
	
	top: 0;
	left: 0;
	width: 100%;
	/*box-shadow: 1px 1px 5px 1px #C4C4C4;
	-webkit-box-shadow: 1px 1px 5px 1px #C4C4C4;
	-moz-box-shadow:  1px 1px 5px 1px #C4C4C4;*/
}

#header-container {
	height: 90px;
	background-color: #fff;
	/*background: url(images/header_background.png) repeat;
	border-bottom: 3px solid #ffdd20;*/
	
}

#header {
	width: 85%;
	margin: 0 auto;
	position: relative;
	min-width: 500px;
}

#headleft {
float: left;
height: 80px;
width: 200px;
background-image: url(images/tes_logo.png);
background-repeat:no-repeat;
background-size: auto 60px;
margin-top:20px;
z-index: 99;
}

#headright {
float: right;
font-size: 12px;
font-weight: 200;
//color: #666;
color: #000;
margin-top: 13px;
z-index: 4;
position: absolute;
width: 100%;
}

#headright a{
	//color: #666;
	color: #000;
}

div.headermenu {
	display: block;
	float: right;
	margin-bottom: 7px;
	/* background-color: rgba(0,0,0,0.7); */
	position: fixed;
	top: 20px;
	right: 50px;
	padding: 15px;
	border-radius: 5px;
	/* width: 100%; */
	/* height: 100%; */
	z-index: 99999;
}

li.topslast {
    border-top: 1px solid #ccc;
    display: block !important;
    padding-top: 10px!important;
	margin-top: 30px!important;
}

.header_profile {
	background-color: rgb(255, 255, 255);
    max-width: 450px;
    border-radius: 5px;
    color: rgb(0, 0, 0);
	padding: 30px 30px;
    font-size: 18px;
    text-align: left;
	float: right;
	padding-bottom: 10px;
}

.profile_icon {background-color: #eee;width: 100px; height: 100px; border-radius: 100%;text-align: center;display: inline-block; vertical-align: top;    margin-right: 20px;}
.profile_icon p { position: relative; top: 20px;font-size: 50px; margin: 0;font-weight: bold; color: #999;}

#menubar button {z-index: 3!important;}
#menubar {
	background-color: #fff;
	padding: 5px;
	padding: 5px;
	 -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 
    -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
     box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3); 
}

.profile_close {display: inline;position: fixed ;z-index: 9999;width: 100%; height: 100%; top: 0; left: 0;}

.headermenu a {
text-decoration: none;
}

.headermenu ul, .headermenu li {
list-style-type:none; padding:0; margin:0;display:inline
}
.headermenu li, .headermenu li a {
color: #fff; 
}
.headermenu li, .headermenu li a:hover {
color: #333; font-weight:bold; font-size: 16px;
}
.headermenu li .topslast a { font-weight: normal;}
.topslast a {  padding: 5px 0;  display: block;}
.topslast a:hover {background-color: #eee}

#thetitle {
float: right;
font-size: 11px;
font-weight: 200;
text-transform: uppercase;
margin-top: 7px;
min-width: 210px;
text-align: center;
}
/*#mymenucont {
position: relative;
right: 0;
margin: 0 auto; 
width: 80%;
}*/
#mymenu {
	width:200px;
}

#mymenu ul, #mymenu li {list-style-type:none; padding:0; }
#navigation {  
    list-style-type: none;  
}  

#navigation li {
	background-color:#fff;
	background-color:#fff;
	/* border-left:5px solid #ccc; */
	padding:5px;
	border-bottom: 1px solid #ccc;
}  

#navigation li a:link, #navigation li a:visited{  
    text-decoration: none;  
    display: block;  
    height: 30px;  
    color: #989898;  
    line-height: 30px;  
    padding: 0 9px 0 9px; 
    font-size: 15px;  
    font-weight:bold !important;
    font-family: arial, calibri,sans-serif;
	text-transform: capitalize;
}  
#navigation .menusecond, #navigation .firstmenu { padding-left:12px}
#navigation .menusecond:hover, #navigation .firstmenu:hover { opacity:0.5}
#navigation .menusecond { padding-bottom:5px;}
#navigation li {
    text-decoration: none;
    display: block;
    height: auto;
    color: #000;
    line-height: 30px;
    /*padding: 3px 15px 3px 15px;*/
	padding: 3px 5px;
    font-size: 12px;
    font-weight:normal !important;
    font-family: arial, calibri,sans-serif;
    text-transform: uppercase;
    cursor:pointer;
}

#navigation li .sub { line-height:1.5; text-transform:capitalize; font-size:15px;} 

#navigation li a:hover {  

    color: #00377c;
	font-weight:bold;
}
#navigation li a:active { color: #00377c}

#navigation li.first {  
    border-left: solid 1px #ca0002;  
}

.loginerrors { 
    position: relative;}



#mainimage
{
	background-image:url(images/header_img.jpg);
	background-repeat:no-repeat;
	width:85%;
	height:264;
	margin-bottom:304px;
	margin: 0 auto;
	}

#container {
	width: 85%;
	min-width: 500px;
	margin: 0 auto;
	font-size: 15px;
	padding: 0px 0 140px;
	position: relative;
//	margin-bottom: 150px;
}

table#layout-table {

margin-top: 0px;
position: relative;
top: 0px;
}
#contentJ {
	
	width: 100%;
	
}


#content {
height: auto !important;
border-bottom: 0px solid #dadada;
margin-bottom: 0px !important;
}
.headersingle {
width: 90% !important;
}
.containersingle {
width: 90% !important;
background: none !important;
min-height: 100px !important;
}
.contentsingle {
width: 100% !important;

}
.singlefooter {
display: none;
}
#sidebar {
	float: left;
	width: 275px;
	margin-top: 10px;
	
}

#footer-wrap {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 200;
}

#footer-container {
	height: 80px;
	background-color: #000;
//	background-color: #949496;
	color: white;
	text-align: center;
	padding-bottom: 15px;
	/*position: absolute;
    right: 0;
    bottom: 0;
    left: 0;*/
}

#footer {
	width: 85%;
	margin: 0 auto;
	position: relative;
	padding-top: 15px;
	font-size: 12px;
}
#footer ul {
padding:0; margin:0;
margin-top: 13px;
float: left;
}
#footer li {
list-style-type:none; padding:0; margin:0; display: inline;
}

.footerleft {
width: 300px;
height: 10px;
float: left;
text-align: leftt;
margin-top: 5px;
font-size:11px;
}

.footerright {
width: 350px;
height: 10px;
float: right;
text-align: right;
margin-top: 12px;
font-size:11px;
}

.sideblock {
border: none;
margin-bottom: 0px;
padding-top: 0px;
position: relative;
width:176px;
}

.sideblock a {
	color: #000 !important;
	
}

.sideblock h2::before { content: url(setting.png); top: 5px; position: relative;}

.headselect {
background-color: #ffffcc !important;
border-right: 1px solid #dadada;
border-top: 1px solid #ffff33;

}

.headselect h2 {
color: black !important;
}
.sideblock div.header {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 7px;
padding-bottom: 5px;

border-left: none;
border-right: none;
min-height: 20px;
background-repeat:no-repeat;
background-position: 1% 50%;
font-family: arial, calibri,sans-serif;;
}
td#left-column .sideblock div.header {
min-height: 20px;
padding-top: 7px;
padding-bottom: 5px;
border: none;
border-bottom: 1px solid #333;
}
.title h2, .sideblock div.header h2 {
padding-left: 5px;
font-size: 15px;
color: #333;
	position: relative;
	top: -4px;

}
input.hide-show-image {
padding-top: 3px;
}
div.sidefirst {
border-top: 0px solid #ffffff !important;
}

.tdfirst {
margin-top: 5px;

}

#inst143 {
	display: none;
	
}
#inst1044 .content {
    padding: 0;
}

#inst1044 #navigation { margin:0;}
#inst1044 { margin-top: 20px !important;}

#inst2, #inst168, #inst192, #inst209, #inst1044, #inst1045, #inst5, #inst6 {
margin-top: 2px;
margin-left: 10px;
position: relative;
left: 26px;
background-color:#fff; 
}

#inst209 {
	margin-left: 10px;
	position: absolute;
	left: 26px;
}

#inst208 img {
	border: 3px solid #333;
	width: 170px;
	height:121px;
		
}

#inst208 {
	margin-top: 78px;
	width: 200px;
	background:url(images/main_sideblockbg.png);
	background-repeat:no-repeat;
	background-size: cover;
	position: absolute;
	left: 26px;
	display:none;
}
#inst1045.sideblock div.content {
background-color:transparent;
padding:0;
margin-bottom:30px;
}

.sideblock div.content {
border: none;
background-color: #fff;
font:12px arial, calibri,sans-serif;
padding: 10px;
}
.sideblock div.content a{
text-decoration: none;
}


.sideblock div.content li a:link, .sideblock div.content li a:visited {

    color: #333333;
    display: block;
    font-family: arial, calibri,sans-serif;;
    font-size: 14px;
    font-weight: 200 !important;
    height: 30px;
    line-height: 30px;
    padding: 0 6px;
    text-decoration: none;
}

.sideblock div.content li a:hover {  
    
   /* background: #22517c url(images/alert-overlay.png) repeat-x;*/
    color: #fff;  
}  

#inst168.sideblock div.content li,#inst192.sideblock div.content li  {
/*margin-bottom: 5px;*/
margin-left:-45px;
}

.sideblock div.content li {
/*margin-bottom: 5px;*/
/*margin-left:-45px;*/
font:12px arial, calibri,sans-serif;;
/*background: url("images/cbar.png") repeat scroll 0 0 transparent;*/
	padding-left: 17px;
}

/*Test at here*/
.block div.content {
display: none;
position: absolute;
left: 305px;
top: -9px;
border: 1px solid #dadada;
/*padding: 15px;*/
width: 240px;

min-height: 70px;
background: #ffffff;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);
-moz-border-radius:2px; -webkit-border-radius:2px;
font-size: 13px;
font-weight: 200;
}
.block.lower div.content {
top: -220px;
min-height: 250px;

}

.block.questionbankwindow div.content {
width: 450px;
}

.block_login div.content div.fld {
margin-top: 5px;
margin-bottom: 10px;

}
#region-main-mask .block div.content {
display: block;
position: relative;
left: 0px;
top: 0px;
width: 100%;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.0); -webkit-box-shadow:none;
border: none;
}
#region-main-mask .block div.header {
background-image:none;
}




#module-31 {
	background-color: rgb(153, 153, 153);
	padding: 20px;
	color: rgb(238, 238, 238) !important;
	border: 2px solid rgb(51, 51, 51);
	padding-top: 0;
}
#module-31 .dimmed_text, #module-31 .dimmed_text a {
	color: rgb(238, 238, 238) !important;
}

.block div.content a{
text-decoration: none;
}
.block .calendar-controls {
margin-left: 20px;
}
.block div.block_action {
display: none;
}

.sideblock div.content h2.main, .side-post .block div.content h2.main, .block div.content h3.main, .block div.content h2 {
font-size: 13px;
color: #333333;
font-weight: 800;

}






.arrowJ {
position: absolute;
margin-left: -48px;
margin-top: -18px;
height: 70px;
width: 33px;
background-image:url(images/bumpleft.png);
}

.block.lower div.content .arrowJ {
margin-top: 195px;
}

.sideblock div.commands {
background: #ffffff !important;
padding: 3px;
border: 1px solid #dadada;
position: relative;

}

div.navbartwo {
float: right;
}
div.breadcrumb {
margin-top: 11px;

}

.breadcrumb li a, .breadcrumb li {
font-weight: 200;
text-decoration: none;
}
.breadcrumb li img {
vertical-align: middle;
}

/* Change the style of My Course here
h2.main {
color: #a6732a;
font-size: 23px;
font-weight: 200;
font-family: arial, calibri,sans-serif;;
padding-bottom: 2px;
border: none;
margin-top: 3px;
}


*/
div#home_welcome { font-size:14px}
h2.main {
color: #fff;
font-size: 24px;
font-family: arial, calibri,sans-serif;
border: none;
text-align:left;
vertical-align:middle; 
background-repeat:no-repeat; 
/*background-image:url('setting.png'); */
background-position: 20px;

}

h2.headingblock, h3.main {
color: #a6732a;
font-size: 23px;
font-weight: 200;
font-family: arial, calibri,sans-serif;;
padding-bottom: 2px;
background-image:url(images/hr.png);
background-repeat:repeat-x;
background-position: 100% 100%;
border: none;
margin-top: 3px;
}

h3.main {
//color: #666666;
color: #000000;
font-size: 18px;
}

.johndocs {
float: right;
height: 15px;
font-size: 8px;
margin-top: -17px;
}

.johndocs a{
font-weight: 200;
text-decoration: none;
}

#region-main-mask {
border: 0px solid #cccccc;
}
.region-content {

}
.unlist li {

}
div.coursebox {border:none; padding:0; margin:0; width: 95%; margin-left: auto; margin-right: auto;
padding-bottom: 4px;

margin-bottom: 0px !important;
}
div.coursebox.oddrow {
background-color: #fafafa;
}
.coursebox a {
text-decoration: none;
}
.coursebox div.info h3.name {
background-image:url(images/jcourse2.png);
background-repeat:no-repeat;
background-position: 0% 50%;
padding-left: 18px;
}
.coursebox div.info h3.name, .coursebox div.info h3.name a {
margin-top: 0px;
margin-bottom: 3px;
font-size: 16px;
font-weight: 200;

}

ul.teachers {
list-style-type:none; padding:0; margin:0;
}
ul.teachers li {
padding-left: 6px !important;
font-size: 11px;
}
.coursebox div.info {
float: left;
width: 200px;
}
.boxwidthwide.coursebox div.info {
float: none;
width: 100%;
}
.boxwidthwide.coursebox div.assignment.overview {
margin-bottom: 5px;
padding: 5px;
font-size: 12px;
}
.boxwidthwide.coursebox div.assignment.overview div.name {
font-weight: 800;
}
.coursebox div.summary {
padding: 15px;

font-style:italic;
font-weight: 200;
//color: #666666;
color: #000000;
font-size: 14px;
float: right;
clear: right;
}

.coursebox div.summary p {




}


div.coursebox  {

margin-top: 0px;
margin-bottom: 8px;

}

div.categorybox {
border: 0px solid #cccccc;
margin-top: 0px;
width: 95%;

}

table.categorylist td {
padding: 0px;
padding-bottom: 5px;
}
table.categorylist td a {
text-decoration: none;

}

table.categorylist td.category.name {
font-weight: 800;
}
table.categorylist td.category.number {
font-weight: 200;
font-style: italic;
font-size: 17px;
//color: #666666;
color: #000000;
}
/* tr.oddrowtd td{
background: #fafafa !important;
}*/
#intro2 {
color: #a6732a;
font-size: 23px;
font-weight: 200;
border: none;
padding-bottom: 2px;
background-image:url(images/hr.png);
background-repeat:repeat-x;
background-position: 100% 100%;
margin-bottom: 4px;
margin-top: 4px;
}
#intro {

padding: 4px;
font-size: 14px;
//color: #666666;
color: #000000;
font-style: italic;
width: 100% !important;
}
#intro p {
display: inline;
}
table.rolecap, .forumheaderlist, .files, .editcourse{background:#fff; margin-left:auto; margin-right:auto; border:1px #dadada solid}
table.forumheaderlist{border:none !important; margin-top:10px; border-collapse:collapse; background:#fff}

.generaltable .header a, .forumheaderlist .header a{border:none; color:#fff !important; font-size:12px; text-decoration:none; padding:5px}

table.rolecap .header, .generaltable .header, .forumheaderlist .header, .files .header, .editcourse .header, .logtable .header{font-size:11px; text-transform:uppercase; font-weight:200; text-decoration:none; padding:5px; background:#666 url(images/alert-overlay.png) repeat-x !important; color:#fff !important; border-top:1px #cccccc solid !important}

.generaltable .header { background-color:#ee3933 !important; border: none;}
table.rolecap td, table.rolecap th.name, .forumheaderlist td, .files td, .editcourse td, .logtable td{padding:5px; border:1px solid rgba(255, 204, 153, .5) !important; font-size:12px; color:#404040}
.generaltable td a, .forumheaderlist td a, .files td a, .editcourse td a, .logtable td a{
text-decoration: none;
}
td.picture {
border-right: none !important;
}
td.author {
border-left: none !important;
}
td.replies, td.lastpost {
text-align: center;
}

.generaltable {
	background-color: #fff;
	
}

div.buttons, div.singlebutton {text-align:center}

div.singlebutton { float: left; margin-top: 10px; }
/***
 ***button styling remove all for default buttons
 ***/

 #container button, #container input[type="button"]{
 display:inline-block; 
 padding:3px 15px 3px; 
 color:#fff; 
 text-decoration:none; 
 -moz-border-radius:3px; 
 -webkit-border-radius:3px; 
 -moz-box-shadow:none !important; 
 -webkit-box-shadow:none !important;
 position:relative; cursor:pointer; 
 font-size:10px;
 background-color: #f8a41f;
 border: 0 none;
 margin: 3px;
 }
 
 #headright3 button:hover, #headright3 input[type="submit"]:hover, #container button:hover, #container input[type="submit"]:hover{color:#fff; background-color: #666; border: 1px solid #f8a41f; margin:3px;}
 button, input[type="submit"]:visited{top:1px}

 .block input[type="submit"] { padding:3px 6px 4px !important}

#headright3 button, #headright3 input[type="submit"], #headright3 input[type="button"]{ background:#a6512a url(images/alert-overlay.png) repeat-x; display:inline-block; padding:2px 4px 2px; color:#fff; text-decoration:none; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px #333333; margin-left:3px; position:relative; cursor:pointer; font-size:9px;}




table.forumpost{font-size:0.85em; border:none;}

.forumpost .commands a{color:#33c !important}
.forumpost td.left{padding-right:5px; background: url(images/quoter1.png) no-repeat; background-position:100% 0%}
.forumpost .picture{background:none !important}
.forumpost .picture img{border:4px solid #fff; border-bottom:9px solid #fff; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); }

.forumpost .starter{background-color:#FFF}

.forumpost td.content{border:3px solid #6896be; border-top:none; padding:1em 1em 1em 2em; background:#fff; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px}
.forumpost td.topic{border:3px solid #6896be; border-bottom:none; padding:7px; background:#eee; -moz-border-radius-topright:4px; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px}

.forumpost .subject{color:#22517c; font-size:16px}
.forumpost .author{font-size:9px !important; color:#666; text-transform:uppercase; font-weight:200}
.forumpost .side{background:none}

.info .name a{font-weight:bold}
.indent{margin-left:30px}

div.subscribelink {
text-align: right;
}
.subscribelink a {
text-decoration: none;
font-size: 11px;
}






div.felement.f {
margin-left: 30px !important;
padding-left: 0px !important;
width: 100% !important;

clear: both !important;
}

fieldset {
background: none !important;
}
fieldset#general, fieldset {
border: none !important;
position: relative;

}
legend.ftoggler {
padding: 8px;
padding-left: 30px;
padding-right: 10px;
min-width: 150px;
color: #000;
font-size: 20px;
position: relative;
margin-left: -20px;
margin-bottom: 30px;

}


h3.main, div.clearer, fieldset {
margin-top: 0px !important;
}
.fitemtitle {
padding-bottom: 3px;
font-size: 12px;
background-image:url([[pix:theme|jart]]);
background-repeat:no-repeat;
background-position: 0% 0%;
padding-left: 16px;
padding-right: 4px;
}
div.fitem {
padding: 4px;
padding-bottom: 16px;
margin-bottom: 4px;
}
.itemhover {
background: #ffffcc !important;
}
div.form-label {
font-weight: bold;
font-size: 14px;
border: 0px solid #dadada;
margin-right: 0px;



}

div.form-setting, div.form-description {
border: 0px solid #dadada;
margin-left: 0px;
}


div.notifysuccess {
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 5px;
font-size: 15px;
color: #ff0000;
border: 3px solid #f5f5f5;
text-align: center;
background-image:url(images/yesj.png);
background-repeat:no-repeat;
background-position: 2% 50%;
}

 .userinfobox{ border:1px solid #dadada !important; width: 20%; background: #efefef; -moz-border-radius:2px; -webkit-border-radius:2px; }
 .userinfobox td.content p{ font-size:25px; color: #333333; font-weight: 200; font-style: italic; margin-top: 2px; margin-bottom: 2px; }
 .userinfobox td.side img{ border:13px solid #fff;  border-bottom:35px solid #fff;  -moz-border-radius:2px; -webkit-border-radius:2px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); }


div.tabtree {


margin-bottom: 0px !important;
clear: both;

}
   .tabtree ul{padding:0px; margin:0px; list-style:none; background:none; margin-top:10px; margin-bottom:10px; border:none !important}

 ul.tabrow1{ margin-bottom:10px}
 ul.tabrow{ border:none !important}
.tabrow0 li, .tabrow0 li a, .tabrow1 span{background:none !important; text-decoration:none !important}

.tabrow0 li a span{background:none !important; text-decoration:none !important}
.tabrow0 li{border-left:1px solid #ccc; border-top:1px solid #ccc; padding-top:5px; padding-bottom:3px; background:#666 url(images/butover.png) repeat-x !important;   -moz-border-radius-topleft:2px;  -webkit-border-top-left-radius:2px; -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; padding:10px;font-size: 11px;}
.tabrow0 li:hover{background:#ccc url(images/alert-overlay.png) repeat-x !important; color:#333}
.tabrow0 li.last{border-right:1px solid #ccc}
.tabrow0 li a span{color:#fff}
.tabrow0 li a span:hover{color:#333}
.tabrow0 li.selected{background:#f8a41f url(images/alert-overlay.png) repeat-x !important}

.tabrow0 li.selected a span{color:#333}
div.tabrow1.empty {
background: none;
border: none;
}
.content div.summary {
font-size: 13px;
font-weight: 400;
}
ul.section, ul.section li, ul.section li a {
list-style-type:none; padding:0; margin:0;

margin-bottom: 2px;
text-decoration: none;
font-size: 13px;
}
ul.section li.activity {
}
li.section {
border-bottom: 1px solid #dadada;

}

li.current {
background: #ffefbb; border: 1px solid #dadada;
-moz-border-radius:3px; -webkit-border-radius:3px;

}


#section-0 div.left.side {

}

div.course-content,  div.course-content a{
font-family: arial, calibri,sans-serif;;
}

td#left-column {
width: 111% !important;
position:relative;
top:50px;
position: absolute;
left: -125px;
background-color: rgba(0,0,0,0.7);
top: 0;
z-index: 99;
height: 100%;
}
td#left-column .sideblock {
	margin-right: 10px;
	width: 220px;
}
td#right-column {
width: 10px !important;
padding-top: 38px;
position: absolute;
right: 100px;	
}
div.course-content div.left.side {

font-weight: 200;
font-style: italic;
font-size: 18px;
//color: #666666;
color: #000000;
}
.oddsome {
background: #f5f5f5 !important;
}

ul.weekscss li.section {
list-style-type:none; padding:0; margin:0;
border: none;
border-bottom: 1px solid #dadada;
min-height: 40px;

}
.controls div.calendar-controls {
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
}

.maincalendar div.calendar-controls span, .maincalendar div.calendar-controls a span, .maincalendar div.calendar-controls a   {
display: inline;
}
.maincalendar div.calendar-controls span.hide {
display: none;
}
.controls div.calendar-controls span, .controls div.calendar-controls h1 {
display: inline;
}
.controls div.calendar-controls a {
text-decoration: none;
}

table.calendarmonth.calendartable td {
border: 1px solid #dadada !important;

}
.calendarmonth th {
font-size: 10px;
font-weight: 200;
text-transform: uppercase;
background:#22517c url(images/alert-overlay.png) repeat-x !important; 
color: #fff;
border: 1px solid #dadada !important;
}

/*.box {
border: 1px solid #ffffff;
}*/

table#categoryquestions th {
font-size:11px; text-transform:uppercase; font-weight:200; text-decoration:none; padding:5px; background:#22517c url([[pix:theme|alert-overlay]]) repeat-x !important; color:#fff !important; border-top:1px #cccccc solid !important;
border-left: 1px solid #dadada; border-right: 1px solid #dadada;
}

table#categoryquestions th.header a {
color: #fff !important;
}

table#categoryquestions td {
font-size: 11px;
border-left: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}

table#categoryquestions td.creatorname, table#categoryquestions td.modifiername {
text-align: center;
}
table#categoryquestions td.creatorname {
border-left: 1px solid #dadada;
}
table#categoryquestions td.modifiername {
border-right: 1px solid #dadada;
}
table#categoryquestions td.iconcol {
border-left: none;
}


.fhtmleditorMOODLE2 {
clear: both !important; display: block !important;
margin-left: 60px !important;

padding-left: 0px !important;
}

#quizcontentsblock div.statusbar {
text-align: right;
font-size: 10px;
font-weight: 200;
}

div.quizpage {
border: 1px solid #dadada;
background: #fafafa;
margin-bottom: 5px;
margin-top: 5px;
-moz-border-radius:2px; -webkit-border-radius:2px;
font-weight: 200;
padding: 5px;
}

.quizpage span.pagetitle {
border-bottom: 1px solid #cccccc;
text-align: right;
font-weight: 900;
display: block;
background: #a7c4df;
padding: 3px;
}

.quizpage div.questioncontrols, .quizpage .qnum {
width: 40px;

float: right;
}

.quizpage div.singlequestion {
margin-top: 10px;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted #dadada;
}

.quizpage span.questionname {
display: block;
font-weight: 900;
float: left;
padding-right: 6px;
margin-right: 6px;
border-right: 1px solid #dadada;
}

.quizpage span.questiontype, .quizpage span.questionpreview {
display: block; 
float: right;
padding-right: 6px;
margin-right: 6px;
border-right: 1px solid #dadada;
}
.quizpage span.helplink {
text-align: right;
display: block;
clear: both;


}

.quizpage .singlebutton {
text-align: right;
clear: both;

}

div.que {
border: 1px solid #dadada;
-moz-border-radius:2px; -webkit-border-radius:2px;
}

#showbankcmd, #hidebankcmd {
display: none;
}

.wikilinkright {
float: right;
}

div.wiki.view {
margin-top: 0px;

}
.gradestable {
font-size: 11px;
width: 100%;
}
.gradestable div.userpic {
float: left;
}

.gradestable td.grade_type_text, .gradestable .lastrow td.cell {
text-align: center;
}
div.yui3-overlay {
padding: 10px;
background: #fafafa;

font-size: 12px;
border: 1px solid #dadada;
-moz-border-radius:2px; -webkit-border-radius:2px;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);
}

div.profilepicture {
float: left;
padding: 20px;
background: #fafafa;
border: 1px solid #dadada;
margin-top: 7px;
}

tr.section.current td.left.side, tr.section.current td.right.side {
background: #ffefbb !important;
}

table.topics, table.topics td {
border: 0px solid #cccccc;
}
tr.section.main td.left.side {

}
tr.section td.content {

}
 table.topics td.left.side, table.weeks td.left.side {
 width: 15px;
 color: #cccccc;
 font-size: 25px;
 font-weight: 200;
 font-style: italic;
 vertical-align: top;
 }
 table.topics td.right.side,  table.weeks td.right.side {
 vertical-align: top;
 text-align: right;
 width: 25px;
 }
 
 tr.section.separator td.spacer {
background-image:url(images/hr.png);
background-repeat:repeat-x;
background-position: 100% 100%;
 height: 5px;
 }
 
 h3.weekdates {

margin-top: 0px;
margin-bottom: 0px;
border: 1px solid #cccccc;
border-top: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;
background: #fafafa;
padding: 4px;
width: 130px;
font-size: 13px;
font-weight: 200;
text-transform: uppercase;
text-align: center;

float: right;
margin-right: 8px;
margin-bottom: 1px;
}
tr.section.current h3.weekdates {
background: #ffefbb;
}

#overDiv {
position: absolute;
top: 210px !important;
left: 1% !important;
padding: 5px;
border: 1px solid #333333;
background: #eeeeee;
-moz-border-radius:2px; -webkit-border-radius:2px;
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
z-index: 99998;
}

#overDiv table, #overDiv td {
border: none;
}

.gentableodd, .gentableodd td {
background: #fafafa;
}

div.subscription {

font-size: 11px;
text-align: right;
}
div.subscription a {
text-decoration: none;
}

/*#adminsettings {
background-color: rgb(248, 164, 31);
margin-top: 80px;
padding-left: 100px;
padding: 50px;
padding-top: 0;

position: relative;
}*/
/*#adminsettings div.clearer {
background-color: rgb(51, 51, 51);
line-height: 1.8em;
width: 100%;
position: relative;
left: -57px;
margin-bottom: 20px;
background-image: url(../theme/Verztec/images/blackbg.png);
background-size: 100%;
display: inline-table;
padding-left: 100px;
height: 25px;
}*/
#adminsettings fieldset {width:100%; background-color:#fff !important; box-shadow: 1px 1px 2px rgb(225, 225, 225); border-radius:10px;}
table.generaltable .cell {
	border:1px solid rgba(255, 204, 153, .5);
}

table.generaltable.boxaligncenter {
	border-spacing:0;
		
}
#container .loginform input[type="submit"] { /*background-color:#333 !important;*/ border:none;}
#container .loginform input[type="submit"]:hover { background-color:#333 !important; /*border:1px solid #f8a41f;*/}
#container input[type="submit"] { background-color:#F47725 !important; border:none; padding:10px; border-radius:10px; color:#fff;}
#container input[type="submit"]:hover { background-color:#333 !important; border:none;}
/*#adminsettings h2.main{
text-align: right;
float: right;
background: url(images/home_titlebg.png);
background-repeat: no-repeat;
background-size: cover;
height: 33px;
padding: 0;
width: auto;
position: relative;
color: rgb(255, 255, 255);
font-size: 18px;
padding-right: 15px;
padding-top: 8px;
font-weight: bold;
margin-top: -40px;
left: 50px;
padding-left: 55px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
        src='/theme/Verztec/images/home_titlebg.png',sizingMethod='scale';
}*/

/*#adminsettings input,#adminsettings select,#adminsettings textarea  {
	width:400px;
}*/

#adminsettings fieldset {width:100%;}


#adminsettings.admincleare2 h2.main{
text-align: right;
float: right;
background: url(images/home_titlebg.png);
background-repeat: no-repeat;
background-size: cover;
height: 33px;
padding: 0;
width: auto;
position: relative;
color: rgb(255, 255, 255);
font-size: 18px;
padding-right: 15px;
padding-top: 8px;
font-weight: bold;
margin-top: -50px;
left: 42px;
padding-left: 55px;
}

#adminsettings.admincleare2 div.clearer {
background-color: rgb(51, 51, 51);
line-height: 1.8em;
width: 100%;
position: relative;
left: -65px;
margin-bottom: 20px;
background-image: url(../theme/Verztec/images/blackbg.png);
background-size: 100%;
display: inline-table;
padding-left: 100px;
height: 25px;
}

#adminsettings input[type="submit"] { background-color: #666;}
#adminsettings input[type="submit"]:hover { background-color: #333;}

#adminsettings table {
border-spacing: 0;
border-collapse: collapse;
line-height:1em;
}

#listdirectories {
background-color: #fff;
padding-left: 100px;
padding: 50px;
padding-top: 0;
line-height: 2em;
position: relative;	
border-spacing:0;
margin-top: -12px;
}

.button.cell,.directory {
	border: 1px solid rgba(255, 204, 153, .5);
}

.centerpara {
	background-color:#666;
	padding:10px;
}

table.generaltable.boxaligncenter {
	border-spacing:0;
		
}

table.generaltable .cell {
	border:1px solid rgba(255, 204, 153, .5);
}


#uninstallform {
    background-color: #ccc;
    padding: 50px;
    margin-right: 0;
    border: 1px solid #999;	
}

#installform {
    background-color: #999;  padding: 50px;
    margin-left: 30px;
    border: 1px solid #666;
}

#mform1 {
	background-color: #f4faff;
	margin-top: 20px;
	position: relative;
	margin-bottom: 50px;
	top:20px;
	padding-right:30px;
	box-shadow: 1px 1px 2px rgb(225, 225, 225);
	border:none;
	border-radius:10px;	
}
#mform4 {
	background-color: #fff;
	margin-top: 20px;
	position: relative;
	box-shadow: 1px 1px 2px rgb(225, 225, 225);
	border:none;
	margin-bottom: 50px;
	top:20px;
	padding-right:30px;
	
}

#mform4 input[type="submit"] {
	background-color: #666;
	border:none;
}

.felement.fgroup {
	line-height:2em;
	
}

table .editcourse {
	border-spacing: 0;
	background-color: #fff;
	box-shadow: 1px 1px 2px rgb(225, 225, 225);	
}

#form {
	background-color:#999;;
	padding:50px;
	
}

#form input[type="submit"] {
	background-color: #666;
	border:none;
}

#uninstallform {
    background-color: #ccc;
    padding: 50px;
    margin-right: 0;
    border: 1px solid #999;	
}

#installform {
    background-color: #999;  padding: 50px;
    margin-left: 30px;
    border: 1px solid #666;
}

.popupform {
    background-color: transparent;
    padding: 10px;
}

.blockconfigglobal.blockconfigglobalcontent {
    background-color: #fff;
	box-shadow: 1px 1px 2px rgb(225, 225, 225);
    padding: 50px;
	width:90%;
}

.blockconfigglobal.blockconfigglobalcontent input[type="submit"] {
	background-color: #666 !important;
}

.blockconfigglobal.blockconfigglobalcontent input[type="submit"]:hover {
	background-color: #333 !important;
}



table.files {
	border-spacing: 0;
	background-color: #fff !important;
    padding: 50px;
	box-shadow: 1px 1px 2px rgb(225, 225, 225);
	border-radius:10px;
	
}

.questionbank {
	background-color: #fff !important;
	box-shadow: 1px 1px 2px rgb(225, 225, 225);
}

.generalbox.editstrings.box {
	margin-top:50px;
}



#form1 {
	background-color: #fff;
	box-shadow: 1px 1px 2px rgb(225, 225, 225);
	padding: 50px;	
}

#form1 input[type=submit] {
	background-color: #666 !important;	
}

#form1 input[type=submit]:hover {
	background-color: #333 !important;	
}

p.centerpara.buttons a {
	color:#fff;
}

p.centerpara.buttons a:hover {
	color:#f8a41f;
}

.phpinfo {
	background-color: #f8a41f;
	padding: 50px;
	border: 1px solid #999;
}

.tag-management-form {
	background-color: #fff;
	box-shadow: 1px 1px 2px rgb(225, 225, 225);
	padding:20px;
	width:80%;
	margin: 0 auto;
	margin-top: 50px;
}

.tag-management-form input[type=submit]{
	background-color: #666;
	
}

.invisiblefieldset {
	margin-top: 20px !important;
	
}

.theme_package {
	background-color: #ccc;
	padding:20px;
	width: 100%;
	border: 1px solid #999;
}

.themes_frame {
	width:80%;
}

#inst668 {
	margin-top:30px;
}

.addbloglink {
	margin-top:50px;
}

#inst668 div.content li {
	margin-left:0px !important;
}

#inst668 div.header {
	min-height: 20px;
	padding-top: 7px;
	padding-bottom: 5px;
	background-color: rgb(102, 102, 102);
	border: none;
}

.rolesform {
	margin-top: 10px;
}

#participants {
	width:100%;
}

.graph {
	margin-top: 40px;
}

.menu_close, .profile_close {display:none}
.menu_open, .profile_open {display:block;}
.profile_open {cursor: pointer;}
.footerleft a { color:#999999 !important;}

.topslast { font-size:18px;}
#inst209 { margin-bottom:100px;}
/*#inst209 div.header  {background-image: url(../../BarChartSample/img/links.png) !important; padding-left: 10px;}*/
#showmenu {display: none !important;}
/*#module-90 iframe {
	height: 100vh !important;
}*/

.profilemenu {
    float: right;
    position: relative;
    top: 30px;
}

.profile_open div {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.profile_open { display: block; width: 130px;}

.profile_open img {display: block;width: 20px;float: left;margin-right: 10px;}

.view_profile {
    background-color: #F47725;
    padding: 5px 10px!important;
    border-radius: 5px;cursor: pointer;
}

.view_profile:hover { background-color: #333333}

.view_profile a, .view_profile a:link { color: #fff!important; font-size: 16px;}

.admintree div {padding: 2px;}

.recentActivities_list {
    width: 27%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
}

.recentActivities { background-color: #fff; padding: 10px; border-radius:5px;}

.mycourse_list {
	width: 70%;
    display: inline-block;
    vertical-align: top;
}

.link_play, .link_expired { position: relative; top: 6px;}
.course_title { font-size: 20px; color: #000; margin: 0;}

#certificate .mycourse_list .innerDiv {width:26%;}

.innerDiv_left img {width: 100%; max-width: 500px;}
.innerDiv_left {text-align:left;width: 28%;display: inline-block;margin-right: 2%;}
.innerDiv_right { width: 70%; display: inline-block; vertical-align: top;}

.innerDiv_right p:nth-child(2) { margin-top: 5px;}

.startDate, .completedDate, .ExpiryDate {
    display: inline-block;
    margin-right: 15px;
}

#incompletePagination, #completePagination {text-align: center;}
.pagination {
    display: inline-block;
    background-color: rgb(255, 255, 255);
    padding: 5px 20px;
    border-radius: 5px;
    margin: 10px;
    text-align: center;
    font-weight: bold;
}

.pagination a {
    margin: 0 5px;
	color: #000 !important;
}

.pagination a:hover { color: #F47725 !important;}

.buttonclass { position: relative;top: 3px; left: 5px;}

.loginerrors {
    text-align: center!important;
}

.loginerrors .error {
    position: relative;
    text-align: center !important;
    margin: 10px;
    background-color: #ffa1a0;
    color: #fff;
    padding: 5px 30px;
    display: inline-block;
    border-radius: 5px;
    }

@media only screen and (max-width: 1200px) {
.recentActivities_list,.mycourse_list  {display: block; width: 100%;}
}

@media only screen and (max-width: 930px) {
.mycourse_list .innerDiv  {width: 90%; display: inline-block;}
.innerDiv_left { background-color: #f1eff1; text-align: center; margin-bottom: 10px;}
.innerDiv_left img {max-width: 300px;}
.innerDiv_left, .innerDiv_right {width: 100%;}

#certificate .mycourse_list .innerDiv {width:40%;}
}


@media only screen and (max-width: 768px) {
.mycourse_list .innerDiv  {width: 90%; display: block;}
.innerDiv_left img {max-width: 350px;}
#certificate .mycourse_list .innerDiv {width:90%;}


body.my_courses { overflow-x: hidden;    overflow-y: scroll;}
.my_courses #contentJ { overflow: hidden; height: auto;}
.dashboard_left, .dashboard_right {display: block}

#showmenu {display: block !important; z-index:999999; top:-55px !important;  right:10px !important; left:auto !important; background-color:#6d6d6d !important; border: 1px solid #5677ae !important}	
#layout-table #left-column {display: none; position:absolute !important; z-index:99999; margin-bottom:70px;}
#middle-column { display:block; }
td#left-column {  width:100% !important; left: 0; }
#layout-table #left-column {padding-left: 0;}
.sideblock { width:85% }
#footer-wrap { z-index:999999}
	.profilemenu {top: -60px; right: 0; position: absolute;}
	
/*#module-90 iframe {	height: 750px !important;}*/
#headright { margin-top:0px; right:0 !important; position:relative !important}
#headleft  { margin-top:0px; margin-left:0 !important}
#header-container { height:70px !important;}
.headermenu li, .headermenu li a:hover { color:#333}
#headright a { color: #000}
#layout-table #middle-column { /*padding-top:0 !important*/}
td#left-column { top:0 !important}

.footerright { text-align:left; width:100% !important; margin-top:15px !important; float:left !important;}
.footerleft { padding-left:0 !important; clear:both; margin-left:0 !important}

}

@media only screen and (min-width: 10px) and (max-width: 768px) {
.responsive { width:100% !important}
#container,#header {
	min-width: 10px;}
	#container { width: 100%}
#right-column { display:none;}
div.headermenu {    
	margin-top: -55px;
    position: absolute;
    right: 0;}
#layout-table #middle-column { padding-top: 30px;}
}

@media only screen and (min-width: 10px) and (max-width: 500px) {
#certificate .mycourse_list .innerDiv {width:90%;}

#inst2, #inst192, #inst209 { display:none;}
#container {
	width: 100% !important;}
.login_text {padding-top: 30px}
.loginsub_left img {margin-top: 100px!important;}	
.profile_open div {
    display: none;
}
.profile_open img {float: right;}
	
}


@media only screen and (max-width: 768px) {
	.sub_menu {     
		left: 0px !important;
    	top: 50px !important;
		z-index: 3;
	}
	.my_courses #middle-column { margin-top: 50px;}
	td#left-column .sideblock { width: 100%}
	#mymenu {width: 100%!important; left: 1%!important; position: relative!important;}
/*#contentJ { height:70vh !important; overflow:scroll!important;}*/
	#footer-wrap {position: relative;}
	#container {margin-bottom: 0!important;}
}

@media only screen and (max-width: 768px) and (min-height: 600px) {
	.HomeLoginpage #footer-wrap {
		position: fixed !important;
	}
}
/***** Verztec/test.css end *****/

/***** Verztec/test.css end *****/