/********************* begin primary styles **********************************/
h1, h2, h3, h4 {
    padding: 0;
    margin: 0;
}

BODY, TD, DIV, A {
    font-family: verdana, arial, tahoma, 'Bitstream Vera Sans';
    font-size: small;
    color: #000;
    font-size:11px;
}

br {
    line-height: 1.5;
}

.clear {
    clear: both;
}

A, A:link, A:hover, A:visited {
	font-size: 11px;
	color: #1d57a8;
	font-weight: normal;
	text-decoration: none;
}

A.under, A.under:link, A.under:active, A.under:hover, A.under:visited {
    text-decoration: underline;
}

#coursePage { /* mainsiteCourse.tpl.php */
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

#courseHeader { /* mainsiteCourse.tpl.php */
    background: url(../img/course/header-bg.gif);
    height: 42px;
}

#courseHeader .courseName, #courseHeader h1 { /* mainsiteCourse.tpl.php */
    font-family: arial;
    font-weight: bold;
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    padding-left: 10px;
    padding-top: 5px;
}

#courseHeader .docs { /* mainsiteCourse.tpl.php */
    font-family: arial;
    font-weight: normal;
    font-size: 18px;

    color: #F3DE4A;
    text-transform: uppercase;
    padding-right: 10px;
    padding-top: 10px;
    text-align: right;

}

#userMenu {/* mainsiteCourse.tpl.php */
    background: url(../img/course/user-menu-bg.gif);
    height: 38px;
    text-align:right;
}

#userMenu .box { /* mainsiteCourse.tpl.php */
    padding-top: 12px;
    padding-right: 10px;
}

A.userMenuBtnOn, A.userMenuBtnOn:link, A.userMenuBtnOn:visited, A.userMenuBtnOn:active, A.userMenuBtnOn:hover { /* mainsiteCourse.tpl.php */
    font-family: arial;
    font-weight: bold;
    color: #000;
    padding: 5px 10px;
    background: #f4f9ef;
    border: 1px solid #d3e4c4;
    text-decoration: none;
    margin-left:10px;
}


A.userMenuBtnOff, A.userMenuBtnOff:link,A.userMenuBtnOff:visited,  A.userMenuBtnOff:active, A.userMenuBtnOff:hover { /* mainsiteCourse.tpl.php */
    font-family: arial;
    font-weight: bold;
    color: #000;
    padding: 5px 10px;
    background: #b0db55;
    border: 1px solid #608c03;
    text-decoration: none;
    margin-left: 10px;
}

#courseFooter {
    background: url('../img/course/footer-bg.gif');
    padding-left: 20px;
    height: 46px;
    line-height: 46px;
    font-size: 9px;
    color: #fff;
    margin-top: 30px;
}


#courseContent { 
  float: left;
}


#chapterBodyNav {  /* courseContent.tpl.php */
    float: left;
    display: block;
    padding-left: 20px;
}

#chapterBodyNav A {   /* courseContent.tpl.php */
    float: left;
    clear: both;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

#chapterBodyNav A:hover {  /* courseContent.tpl.php */
    color: #b10101;
}


#chapterContent {   /* courseContent.tpl.php */
  float: left;
  clear: both;
  padding-top: 20px;
  padding-left: 20px;
  line-height: 1.8;
}

#path {   /* courseContent.tpl.php */
  width: 730px;
  height: 35px;
  border-bottom: 1px solid #cccccc;
}

#path .indent {  /* courseContent.tpl.php */
    padding: 10px 20px;;
}


#path A {   /* courseContent.tpl.php */
  color: #737373;
  text-decoration: none;
}



hr{
	 border: none 0;
	border-top: 1px solid #CACAC8;
	width:100%;
	height: 1px
}


.error {
    color: #cc0e0e;
}

.nobold {
    font-weight: normal;
}

.loading {
    color: #50b848;
}

.frmError, .error {
    color: #cc0e0e;
}

.fieldElementRow {
    clear: left;
    float: left;
    margin: 2px 0;
    width: 500px;
    white-space: nowrap;
}

.fieldLabel {
    float: left;
    color: #414448;
}

.fieldElement {
    float: left;
}

.fieldElement input, .fieldElement textarea {
    background: #e5e5e5;
    border: 0;
    width: 200px;
    font-size: 11px;
    padding: 4px 5px;
    color: #414448;
}

.fieldElement .inputRadio {
    width: 14px;
    height: 14px;
    background: #fff;
}

.fieldLabel {
    width: 50px;
}

.fieldElementRow {
    width: 200px;
}


.fieldElement textarea {
    width: 600px;
}


#btnAskTeacher {
    background-image: url(../img/btnFormRegister.gif);
    text-align: center;
    color: #fff;
    height: 28px;
    width: 100px;
    margin-top: 30px;
    font-weight: bold;
    letter-spacing: 1px;
}


ul.special {
padding-left: 10px;
}

ul.special li {
    list-style-image: url(../img/li-arrow.gif);
    margin: 10px 0;
    padding: 0;
}

ul.specialNo {
    padding-left: 20px;
    list-style-type: decimal;
}

ul.specialNo li {
    margin: 10px 0;
    padding: 0;
}

.videoProblem {
    margin: 10px 0;
    font-weight: bold;
    padding: 5px;
}

/********************* end primary styles **********************************/


/********************* begin secondary styles ***************************/

.msgApp .indent {
    padding: 20px;
    color: #50b848;
}


.msgApp {
    color: #50b848;
color: #2b6a26;
}

.example { 
  font-style: oblique;
}


.noteBox, .exerciseBox{
    padding: 4px;
    border: 1px solid #bdbcbd;
}

.noteBoxTitle, .exerciseBoxTitle {
    color: #237bA0;
    font-weight: bold;
    font-size: 13px;
}

.noteBox img {
    padding: 10px;
}

.defBoxTitle {
    color: #eb0f01;
    font-size: 15px;
    font-style: italic;
    font-weight: bold;
}

.defBox {
    border: 1px solid #bdbcbd;
    background: url('../img/course/def-bottom-bg.gif');
    background-repeat: repeat-x;
    background-position: bottom;
}

.defBox .box {
    padding: 20px;
}

.simpleCodeBox {
    border: 1px solid #eaeaea;
    padding: 3px;
    width: 610px;
}

.codeBox {
    border: 1px solid #eaeaea;
    overflow: auto;
    scrollbar-arrow-color: black;
    scrollbar-base-color:#f8f9fb1; 
    line-height: 120%;
}

.codeBox .box {
    padding: 10px;
}


.codeBoxPreview {
    border: 1px solid #eaeaea;
    overflow: auto;
    scrollbar-arrow-color: black;
    scrollbar-base-color:#f8f9fb1; 
}


.pTitle, .ptitle{
	font-weight:bold;
	font-family:verdana;
	
}

.inTextSpecial, .intextspecial{
	font-weight:bold;
	font-style: italic;
	font-family:verdana;
}

.imp {
font-weight: bold;
}


.title{
	color:#3C5A6B;
	font-family:verdana;
	font-size: 14px;
	font-weight:bold;
}

.mainTitle, h2 {
    clear: left;
    padding: 10px 20px;
    color:#000;
    font-size: 14px;
    font-weight:bold;
}

.duration{
	color:#FBD041;
	font-weight:bold;
}

.min{
	color:#565353;
	font-weight:bold;
}

li {
	list-style-image: url('/invata-online.ro/img/li.jpg');
}

.resource{
	color:#EE3327;
	font-size: 14px;
	font-weight:bold;
	text-decoration:underline;
}

.videoTutorial {
    border: 1px solid #c6c6c6;
    padding: 0px;
}

.videoTutorial a {
    text-decoration: underline;
    color: #7f9e3d;
}

/********************* end secondary styles ***************************/



/********************* begin programator web styles ***************************/
.pTitle2, .pTitle3 {
    font-weight: bold;
    border-bottom: 1px solid #c9c9c9;
    margin: 10px 0px;
}

.pTitle3 {
    margin-top: 13px;
    margin-bottom: 5px;
    border: none;
}

.concept{
	font-weight:bold;
}


.codesql { 
  margin: 4px;
  display: block;
  clear:both;
  padding: 5px;
  background: #f9f9f9;
  font-weight: bold;
  color: black;
  border: 1px solid black;
}

.normalTxtInHtml {
color: black;
}

.tag { 
  display: inline;
  color: #0101FF;
}

.attr { 
  display: inline;
  color: #0367E1;
}


.attrValue { 
  display: inline;
  color: green;
}

.htmlWrong {
    text-align: center;
    color: #ff0000;
}


.htmlRight {
    text-align: center;
    color: #46a811;
}

.tdata{
	border-collapse:collapse;
	border:1px solid #CACAC8;
}

.cssTable {
    border-collapse: collapse;
    border:1px solid #CACAC8;
}

.cssTable td {
    padding: 3px;
}

.cssTable td.th {
    background: #e6e6e6;
    font-weight: bold;
}

.cssProp {
    font-style: italic;
}

ul.cssValues {
    margin: 0;
    padding: 0;
}

ul.cssValues li {
    margin-top: 5px;
    list-style-image: url(../img/li-arrow.gif);
    margin-left: 15px;
}

.hwPic {
 border: 1px solid #ededed;
}


/********************* end programator web styles ***************************/

/********************* begin php styles ***************************/
.pseudocodeTitle {
    font-style: italic;
    color: #555;
}

.pseudocodeBox {
    white-space: pre;
    border: 1px solid #e1e1e1;
}
/********************* begin php styles ***************************/


/******************************* begin linuxb styles ***************************/

.command{
	font-size:11px;
	font-weight:bold;
	color:#B88E04;

}

.commandTable{
	border-collapse:collapse;
	border:1px solid #CACAC8;
}

.commandOption{
color:#000000;
font-family:verdana;
font-weight:bold;
font-size:12px;
background:#D6E9EC;
}


.commandDescription{
color:#000000;
font-family:verdana;
font-weight:normal;
font-size:11px;
background:#F6EFD8;
}

/*bold-italic*/
.bi{
	font-weight:bold;
	font-style:italic;
	color:#000000;
	font-size:12px;
	font-family:verdana;
	
}


.codeBox .code {
	color:#113D6A;
	font-weight:normal;
	font-size:11px;
	background:#F1F1F1;
	padding:10px;
}

.file{
	color:#113D6A;
	font-size:11px;
	font-weight:bold;
}

.example{
	color:#80B909;
	font-size:11px;
	font-weight:bold;
}

.codeFile{
 	color:#113D6A;
	font-weight:normal;
	font-size:11px;
	background:#F1F1F1;
	border: 1px solid #eaeaea;
	padding: 5px;
	white-space:pre;
}

.ip {
 	font-size:11px;
	font-weight:bold;
	color:#B88E04;
}

.key {
 	font-size:11px;
	font-weight:bold;
	color:#B1010C;
}

/******************************** end linuxb styles ***************************/

/******************************* begin excel1 styles ***************************/
.commandKeys{
	font-size:11px;
	font-weight:bold;
	color:#B88E04;
}

.fileWords{
	color:#113D6A;
	font-size:11px;
	font-weight:bold;
}

.SpecialText{
	font-weight:bold;
	font-style: italic;
	font-family:verdana;
}

.commandForm{
 color:#000000;
 font-family:verdana;
 font-weight:bold;
 font-size:12px;
 background:#D6E9EC;
}


	



/******************************** end excel1 styles ***************************/