/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-size: 25px;
}

h2 {
	font-size: 23px;
}

h3 {
	font-size: 21px;
}

h4 {
	font-size: 19px;
}

h5 {
	font-size: 17px;
}

h6 {
	font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
	list-style: decimal;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
fieldset {
	margin-bottom: 20px;
}

#leftpanel{
margin-top:20px;
width:20%;
float: left;
}

#middlepanel{
margin-top:20px;
width: 57%;
float: left;
margin-right:10px;
margin-left: 15px;
}

.sbox{border:none;margin-left:0px;width:140px;}

.round h1, .round h2, .round p {margin:0 10px; letter-spacing:1px;}
.round h1 {font-size:2.5em; color:#fff;}
.round h2 {font-size:2em;color:#06a; border:0;}
.round p {padding-bottom:0.5em;}
.round h2 {padding-top:0.5em;}
.round {background: transparent; margin-top:10px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#FFFFFF; border-left:1px solid #ebf1fd; border-right:1px solid #ebf1fd;}
.xb1 {margin:0 5px; background:#ebf1fd;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; background:#FFFFFF; border:0 solid #ebf1fd; border-width:0 1px;}

.round1 h1, .round1 h2, .round1 p {margin:0 10px; letter-spacing:1px;}
.round1 h1 {font-size:2.5em; color:#fff;}
.round1 h2 {font-size:2em;color:#06a; border:0;}
.round1 p {padding-bottom:0.5em;}
.round1 h2 {padding-top:0.5em;}
.round1 {background: transparent; margin-top:10px;}

.xtop1, .xbottom1{display:block; background:transparent; font-size:1px;}
.xb11, .xb21, .xb31, .xb41 {display:block; overflow:hidden;}
.xb11, .xb21, .xb31 {height:1px;}
.xb21, .xb31, .xb41 {background:#ebf1fd; border-left:1px solid #b1cafc; border-right:1px solid #b1cafc;}
.xb11 {margin:0 5px; background:#b1cafc;}
.xb21 {margin:0 3px; border-width:0 2px;}
.xb31 {margin:0 2px;}
.xb41 {height:2px; margin:0 1px;}

.xboxcontent1 {display:block; background:#ebf1fd; border:0 solid #b1cafc; border-width:0 1px;}

#overlay{ position: absolute; margin: 0; z-index: 4000; width: 100%; height: 1px; background-color: #000;display:none; }

#frmLayout td.black{color:#000000; padding:7px 0 0 10px;}

#frmLayout td.black a{color:#000000; padding:7px 0 0 10px;}

#frmLayout td.white{background:#0072ff;color:#FFFFFF; padding:7px 0 0 10px;}

#frmLayout td a{color:#FFFFFF;padding:0 10px 0 0;}

#package{padding: 2px 8px 8px 8px;font: normal 10px Tahoma; color: #6e6c6c;}
#package span{padding-bottom:10px;font: normal 12px Tahoma; color: #FFFFFF;}

/* Course Categories */
.round3 h1, .round3 h2, .round3 p {margin:0 10px; letter-spacing:1px;}
.round3 h1 {font-size:1.0em; color:#fff;}
.round3 h2 {font-size:0.2em;color:#06a; border:0;}
.round3 p {padding-bottom:0.5em;}
.round3 h2 {padding-top:0.5em;}
.round3 {background: transparent; }

.xtop3, .xbottom3 {display:block; background:transparent; font-size:1px;}
.xb13, .xb23, .xb33, .xb43 {display:block; overflow:hidden;}
.xb13, .xb23, .xb33 {height:1px;}
.xb23, .xb33, .xb43 {background:#708ad9; border-left:1px solid #708ad9; border-right:1px solid #708ad9;}
.xb13 {margin:0 5px; background:#708ad9;}
.xb23 {margin:0 3px; border-width:0 2px;}
.xb33 {margin:0 2px;}
.xb43 {height:2px; margin:0 1px;}

.xboxcontent3 {display:block; background:#708ad9; border:0 solid #c9dafc; border-width:0 1px;}
/* Course Categories */

.round5 h1, .round5 h2, .round5 p {margin:0 10px; letter-spacing:1px;}
.round5 h1 {font-size:1.0em; color:#fff;}
.round5 h2 {font-size:0.2em;color:#06a; border:0;}
.round5 p {padding-bottom:0.5em;}
.round5 h2 {padding-top:0.5em;}
.round5 {background: transparent; }

.xtop5, .xbottom5 {display:block; background:transparent; font-size:1px;}
.xb15, .xb25, .xb35, .xb45 {display:block; overflow:hidden;}
.xb15, .xb25, .xb35 {height:1px;}
.xb25, .xb35, .xb45 {background:#ff8a00; border-left:1px solid #ff8a00; border-right:1px solid #ff8a00;}
.xb15 {margin:0 5px; background:#ff8a00;}
.xb25 {margin:0 3px; border-width:0 2px;}
.xb35 {margin:0 2px;}
.xb45 {height:2px; margin:0 1px;}

.xboxcontent5 {display:block; background:#ff8a00; border:0 solid #da7805; border-width:0 1px;}

.round4 h1, .round4 h2, .round4 p {margin:0 10px; letter-spacing:1px;}
.round4 h1 {font-size:1.0em; color:#fff;}
.round4 h2 {font-size:0.2em;color:#06a; border:0;}
.round4 p {padding-bottom:0.5em;}
.round4 h2 {padding-top:0.5em;}
.round4 {background: transparent; margin:10px 0 0 0;}

.xtop4, .xbottom4 {display:block; background:transparent; font-size:1px;}
.xb14, .xb24, .xb34, .xb44 {display:block; overflow:hidden;}
.xb14, .xb24, .xb34 {height:1px;}
.xb24, .xb34, .xb44 {background:#f7c83e; border-left:1px solid #ee991c; border-right:1px solid #ee991c;}
.xb14 {margin:0 5px; background:#ee991c;}
.xb24 {margin:0 3px; border-width:0 2px;}
.xb34 {margin:0 2px;}
.xb44 {height:2px; margin:0 1px;}

.xboxcontent4 {display:block; background:#f7c83e; border:0 solid #ee991c; border-width:0 1px;}


.list{background:#ebf1fd url(../images/divider.gif) top left repeat-x;margin:0; padding:0; width:100%;list-style:none; font:11px Tahoma; color:#5b647f;}
.list li{margin:0; }
.list li a{padding:10px 7px 10px 17px;background:url(../images/divider.gif) bottom left repeat-x;width:194px; display:block; color:#5b647f; text-decoration:none;}
.list li a:hover{display:block; color:#fff; text-decoration:none;background:#708ad9 url(../images/divider.gif) bottom left repeat-x;;}

.list2{background:#ebf1fd url(../images/divider.gif) top left repeat-x;margin:0; padding:0; width:100%;list-style:none; font:11px Tahoma; color:#5b647f;}
.list2 li{margin:0; padding:3px 7px 5px 17px;background:url(../images/divider.gif) bottom left repeat-x;width:194px; display:block; color:#5b647f; text-decoration:none;}

.list3{background:#FFFFCC url(../images/divider.gif) top left repeat-x;margin:0; padding:0; width:100%;list-style:none; font:11px Tahoma; color:#5b647f;}
.list3 li{margin:0; }
.list3 li a{padding:3px 7px 5px 17px;background:url(../images/divider.gif) bottom left repeat-x;width:212px; display:block; color:#5b647f; text-decoration:none;}
.list3 li a:hover{display:block; color:#fff; text-decoration:none;background:#ff8a00 url(../images/divider.gif) bottom left repeat-x;;}

.fly{text-align:left;position:absolute;display:inline;z-index:4100;min-height:210px;width:150px;background: url(../images/menu_bg.gif) no-repeat;padding:10px 5px 5px 3px;margin-left:-145px;margin-top:-5px;display:none;list-style-type:none;}
.fly li{background:none;padding:0;margin:0;}
.fly li a{padding:5px;display:block; height:20px; color:#333; width:114px; text-decoration:none;}
.fly li a:hover{padding:5px;display:block; height:20px; color:#FFF; width:114px; text-decoration:none; background:#708ad9}

.courselist li{font:12px Tahoma; color:#333;list-style-image:url(../claroline/img/images/arr_bullet08.gif);}
.courselist li a{font:12px Tahoma; color:#333;}
.courselist li a:hover{font:12px Tahoma; color:#F00;text-decoration:none;}

.footer1{float:left;width:55%;}

.footer2{float:right;width:38%;padding:15px 20px 0 15px;text-align:right;}
.footer2 a, .footer1 a{color:#FFF;}
.footer2 a:hover, .footer1 a:hover{color:#FFF;text-decoration:none;}

.ofooter tr td a:link, .ofooter tr td a:visited, .ofooter tr td a:active{color:#333;text-decoration:none;}
.ofooter tr td a:hover{color:#333;text-decoration:underline;}

.newfooter{border:1px solid #ccc;border-width:1px 0 1px 0;background:#e8e8e9;color:#333;font:11px Tahoma;padding:0;margin:15px 0 0 10px;}

.listhome{width:90%;margin:8px;}

.listhome{list-style-image:url(../claroline/img/images/arr_bullet08.gif);}

.listhome li h2{font:12px Tahoma;margin:6px;}

.listhome li a:link, .listhome li a:visited, .listhome li a:active{font:12px Tahoma; color:#333;}
.listhome li a:hover{font:12px Tahoma; color:#333;text-decoration:none;}

.section_heading{font:bold 14px Tahoma;color:#1B3FB9; height:auto; padding:3px; margin:10px 0; background:#EBF1FD; border:1px solid #ccc; border-width:1px 0 1px 0;}

.pmcourses a:link, .pmcourses a:visited, .pmcourses a:active{color:#5e9630;}
.pmcourses a:hover{color:#5e9630;text-decoration:none;}

.bluelink{color:#1B3FB9;}
.greylink{color:#333333;}

.row_even{background:#FFFFFF;}
.row_even:hover{background:#EDEDED;}
.row_odd{background:#d4ddf8;}

#courseintro{margin:50px 20px;}
#courseintro p{color:#333;}
#everybodyview{margin:0 40px;}

.myclass{margin-left:25px;margin-top:30px;}
.myclass2{margin-left:55px;margin-top:25px;}
.myclass3{margin-left:55px;margin-top:25px;}
.myclass4{margin-top:30px;padding-left:0px;}

/* Admin section */
div.admin_section {
   width: 40%;
   float: left;
   padding: 5px;
   margin: 10px 20px;
}

.adminrow_section {
	 width: 98%;
}
div.admin_section h4 { 
  margin: 0;
   border-bottom: 1px solid gray;
   width: 100%;
}

.user_course_category {
   background-color: #efefef;
   border: 1px solid #666;
   font-weight: bold;
   color: #666;
   list-style-type: none;
   margin: 5px;
   padding: 5px;
}

.admincategories {
font-family:Arial, Helvetica, sans-serif;
color : #FFFFFF;
font-size:13px;
}

.admincategories ul {
margin-top:0px;
margin-left:7px;
padding-top:0px;
padding-left:20px;
}

.admincategories li {
list-style-image:url(../img/images/arr_bullet.gif);
}

.admincategories a:link, .admincategories a:visited, .admincategories a:active{
font-family:Arial, Helvetica, sans-serif;
color : #000;
font-size:13px;
text-decoration : none;
}

.admincategories a:hover{
color:#000;
}

.data_table tr.row_odd{
   background-color: #EBF1FD;
  }
.data_table tr.row_odd:hover, .data_table tr.row_even:hover{
   background-color: #f0f0f0;
}
.data_table tr.row_even{
   background-color: #fff;
}

.arrowlistmenu{
width: 100%; /*width of accordion menu*/
margin:0;
background:#FFF;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: normal 14px Arial;
color: #333;
background: #F7C83E url(/images/arrow_down.gif) no-repeat 90% center;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 10px; /*header text is indented 10px*/
border-bottom:1px solid #FFF;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .simplemenuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: normal 14px Arial;
color: #333;
background: #F7C83E;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 10px; /*header text is indented 10px*/
border-bottom:1px solid #FFF;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .simplemenuheader a:link, .arrowlistmenu .simplemenuheader a:visited{
font: normal 14px Arial;
color: #333;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
text-decoration:none;
background: none;
}

.arrowlistmenu .simplemenuheader:hover{
background: #fcf6b2;
}

.expandable:hover{
background: #fcf6b2 url(/images/arrow_down.gif) no-repeat 90% center;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: #fcf6b2 url(/images/arrow_up.gif) no-repeat 90% center;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
background: #FFF;
/*margin-bottom: 8px; bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
/*padding-bottom: 2px; bottom spacing between menu items*/

margin:0 0 0 2px;
}

.arrowlistmenu ul li a:link, .arrowlistmenu ul li a:visited, .arrowlistmenu ul li a:active{
color: #d21d48;
background:#fcf6b2; /*custom bullet list image*/
display: block;
padding: 8px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #F7C83E;
font-size: 100%;
}

.arrowlistmenu ul li ul{
background: #FFF; /*custom bullet list image*/
}

.arrowlistmenu ul li ul li a:link,.arrowlistmenu ul li ul li a:visited,.arrowlistmenu ul li ul li a:active{
color: #666;
background: #FFF; /*custom bullet list image*/
display: block;
padding: 8px 0;
padding-left: 15px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #dadada;
font-size: 100%;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #333;
background-color: #FFF;
}

.arrowlistmenu ul li ul li a:hover{ /*hover state CSS*/
color: #333;
background-color: #EAEAEA;
}

.arrowlistmenu ul li a.subexpandable:link, .arrowlistmenu ul li a.subexpandable:visited{ /*hover state CSS for sub menu header*/
color: #333;
background: #fcf6b2 url(/images/pointer_down.gif) no-repeat 90% center;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
color: #333;
background: #FFF url(/images/pointer_down.gif) no-repeat 90% center;
}

.lblSearch{margin:0;padding:5px 10px;font-size:14px;}
.lblopenSearch{margin:0;padding:5px 10px;font-size:14px;}
.lblSearch a:link, .lblSearch a:visited, .lblSearch a:active{display:block;background:url(/images/arrow_down.gif) no-repeat 97% center;color:#333; text-decoration:none;}
.lblopenSearch a:link, .lblopenSearch a:visited, .lblopenSearch a:active{display:block;background:url(/images/arrow_up.gif) no-repeat 97% center;color:#333; text-decoration:none;}

.listcourse{width:98%;margin:4px 8px 4px 0px;list-style-image:url(../images/admin_arr.gif);overflow: auto;}

.listcourse li h2{font:12px Tahoma;margin:6px;}

.listcourse li a:link, .listcourse li a:visited, .listcourse li a:active{font:12px Tahoma; color:#333;}
.listcourse li a:hover{font:12px Tahoma; color:#333;text-decoration:none;}

.closed,.closed:visited{padding-left:20px;margin-bottom:10px;background:url(../images/close_arrow.gif) 0 0 no-repeat;color:#708AD9;}
.open,.open:visited{padding-left:20px;margin-bottom:10px;background:url(../images/open_arrow.gif) 0 0 no-repeat;color:#708AD9;}

#score {
	color: #FFF;
	font-size: 85%;
	position:absolute;
	text-align: center;
	width: 100px;
	z-index: 10;
}
#score,#rating,#standards {
	font-weight: bold;
}
#scorebar {
	background-image: url(../images/bg_strength_gradient.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	position:absolute;
	width: 100px;
	z-index: 0;
	height:15px;
}
#scorebarBorder {
	background: #333;
	border: 1px #000 solid;
	height: 15px;
	margin-bottom: 2px;
	width: 100px;
	float:right;
}


.plain{width:195px;height:140px;background:#EBF1FD;position:absolute;z-index:999;cursor:pointer;margin:0 0 0 8px;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
.plain:hover{width:195px;height:140px;background:#000000;position:absolute;z-index:999;cursor:pointer;margin:0 0 0 8px;filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.initial{width:195px;height:140px;background:#000000;position:absolute;z-index:999;cursor:pointer;margin:0 0 0 8px;filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.replay{margin:0px;float:right;}
.playing{margin:30px 80px;display:block;}

#twitterbox{position:fixed;width:50px;height:58px;right:0px;top:215px;}
* html #twitterbox{position:absolute;overflow:hidden;}
#facebookbox{position:fixed;width:50px;height:58px;right:0px;top:268px;}
* html #facebookbox{position:absolute;overflow:hidden;}
#linkedinbox{position:fixed;width:50px;height:58px;right:0px;top:321px;}
* html #linkedinbox{position:absolute;overflow:hidden;}

fieldset {background:#D4DDF8; padding:10px; border:1px solid #fff; border-color:#fff #CCCCCC #CCCCCC #fff; margin-bottom:36px; width:430px;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#708AD9; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #708AD9 #708AD9 #e5e5c3;}
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
.fldniceform dl {clear:both;}
.fldniceform dl dt {float:left; text-align:right; width:115px; line-height:25px; margin:0 10px 10px 0;}
.fldniceform dl dd {float:left; width:295px; line-height:25px; margin:0 0 10px 0;}

input:focus, textarea:focus { border: 2px solid #06C; }
input.error, textarea.error { border: 2px solid red; }
select:focus { border: 2px solid #06C; }
select.error{ border: 2px solid red;}
label.error{display:none;color:red;}
.block{display:block;}

.userlist{margin:1px;visibility:hidden;position:absolute;z-index:99;border:3px solid #BBB;background:#EAEAEA;width:400px;}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:999;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:330px;
width:608px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:9999;
padding:12px;
font-size:11px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:18px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:10px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
cursor:pointer;
}
#maindesc{height:260px;overflow:auto;}
.tbllist{height:220px;overflow:auto;clear:left;}
.paused{margin:30px 80px;display:block;}