/************************* begin THE SITE **************************/
BODY {
    margin: 0;
    padding: 0;
    font-family: tahoma, arial, 'Bitstream Vera Sans', verdana;
    font-size: 11px;
    color: #313131;
}

p {
    line-height: 1.7;
}

A, A:hover, A:link, A:visited { 
    color: #2c9edf;
    text-decoration: none;
}

/* begin template */

#outerPage {
    width: 966px;
    margin-left:auto;
    margin-right:auto;
}

#headerImg {
    margin-top: 5px;
    margin-bottom: 5px;
}

#leftCol {
    float: left;
    width: 172px;
    margin: 0;
}

#bigAnnounce {
border: 1px solid #ff0000;
background-color: #ff8383;
color: #fff;
padding: 5px 3px;
}

#bigAnnounce a, #bigAnnounce a:hover, #bigAnnounce a:visited, #bigAnnounce a:link {
color: #fff;
text-decoration:underline;
}

#pageContent {
    width: 779px;
    float: left;
    margin: 0;
    margin-left: 15px;
}


#footer {
    clear: both;
    background-image: url(../img/footerBg.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    height: 33px;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    font-size: 10px;
    padding-top: 20px;
}

#footerContentLeft {
    float: left;
    line-height: 33px;
    padding-left: 10px;
}

#footerContentRight {
    clear: both;
    float: right;
    color: gray;
    padding-right: 10px;
}

A.lkFooter, A.lkFooter:link, A.lkFooter:active, A.lkFooter:hover, A.lkFooter:visited {
    color: #fff;
    margin-right: 20px;
}

A.courseLinkSimple, A.courseLinkSimple:link, A.courseLinkSimple:active, A.courseLinkSimple:hover, A.courseLinkSimple:visited {
 color: #cc0000;
 text-decoration: underline;
}

A.courseLink, A.courseLink:link, A.courseLink:active, A.courseLink:hover, A.courseLink:visited {
    float:right;
    padding: 0 4px;
    text-align:center;
    background-image: url(../img/bgButton.gif);
    height:25px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
}

#footerEso {
    margin-top: 10px;
    color: #e5e5e5;
}

#footerEso .quick {
    float: left;
    padding-right: 10px;
}

 #footerEso a {
     padding: 2px 5px;
    color: #e5e5e5;
 }

/*********** begin sitemenu links *********************/

#sitemenu1 {
    width: 966px;
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/sitemenu1Bg.gif);
    background-repeat: repeat-x;
}

#sitemenu1 img, #sitemenu1Ending img {
    float: left;
    margin-right: 5px;
}

.sitemenu1Item{
    float: left;
    margin: 0 5px;
    padding: 0 10px;
    line-height: 25px;
    height: 25px;
}

.actionButton {
    margin-right:10px;
}

A.lksitemenu1, A.lksitemenu1:link, A.lksitemenu1:active, A.lksitemenu1:hover, A.lksitemenu1:visited {
    color: #fff;
}

A.lksitemenu1On, A.lksitemenu1On:link, A.lksitemenu1On:active, A.lksitemenu1On:hover, A.lksitemenu1On:visited {
    color: #eeb605;
    font-weight: bold;
}

.sitemenu1ItemOn {
    background-image: url(../img/sitemenu1BgOn.gif);
}


.sitemenu21, .sitemenu20 {
    width: 966px;
    height: 23px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/sitemenu2Bg.gif);
    background-repeat: repeat-x;
}

.sitemenu2Item  {
    float: left;
    height: 23px;
    line-height: 23px;
    padding: 0 10px;
    margin: 0 5px;
    color: #fff;
}


#sitemenu2Courses, #sitemenu2Services {
    display: none;
}

.sitemenu21 img, .sitemenu20 img {
    float: left;
    margin-right: 5px;
}

A.lksitemenu2, A.lksitemenu2:link, A.lksitemenu2:active, A.lksitemenu2:hover, A.lksitemenu2:visited {
    color: #fff;
}

A.lksitemenu2On, A.lksitemenu2On:link, A.lksitemenu2On:active, A.lksitemenu2On:hover, A.lksitemenu2On:visited {
    color: #eeb605;
}

/* sitemenu3 */
#sitemenu3 {
    float: left;
    margin-top: 10px;
    width: 99%;
    height: 27px;
    line-height: 27px;
    background-image: url(../img/sitemenu3sep.gif);
    text-transform: uppercase;
    font-weight: bold;
    color: #444444;
    padding-left: 10px;
}

#sitemenu3 img {
    float: left;
}

.sitemenu3Item, .sitemenu3ItemOn {
    float: left;
    height: 27px;
    display: inline;
    padding: 0 10px;
    background-image: url(../img/sitemenu3onBg.gif);

}

.sitemenu3ItemOff {
    background-image: url(../img/sitemenu3offBg.gif);
}

A.sitemenu3Lk, A.sitemenu3Lk:link, A.sitemenu3Lk:active, A.sitemenu3Lk:hover, A.sitemenu3Lk:visited {
    color: #fff;
}
/*********** end sitemenu links *********************/

A.lkMore, A.lkMore:link, A.lkMore:active, A.lkMore:hover, A.lkMore:visited {
    color: #059cc8;
    font-size: 10px;
}


.sideBox {
    width: 172px;
}

.sideBoxContent {
    width: 162px;
    padding: 10px 5px;
}

.boxContent {
    padding: 10px 5px;
    padding-bottom: 15px;
}

.boxHead {
    height: 25px;
}

.boxHead img {
    float: left;
}

.boxHeadClassic {
    background-image: url(../img/boxheadClassicBg.gif);
}

.boxHeadBlue {
    background-image: url(../img/boxheadBlueBg.gif);
}

.boxHeadLogged {
    background-image: url(../img/boxheadLoggedBg.gif);
}


.boxHeadGreen {
    background-image: url(../img/boxheadGreenBg.gif);
}


.loginBoxHead {
    background-image: url(../img/boxheadLoginBg.gif);
}

#loginMsg {
    margin-bottom: 10px;
}

.requestBoxHead {
    background-image: url(../img/boxheadRequestBg.gif);
}

.boxTitle {
    float: left;
    width: 90%;
    color: #fff;
    font-weight: bold;
    text-align:left;
    line-height:25px;
}

.loginInput, .requestInput {
    background-image: url(../img/inputBg.gif);
    border: 1px solid #cfcfcf;
    height: 17px;
    width: 120px;
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 10px;
    line-height: 17px;
}

.textarea {
    background-color: #f7f7f7;
    width: 120px;
    border: 1px solid #b9b9b9;
    padding: 10px 10px;
    font-size: 11px;
}


.rememberMe {
    color: #2c9edf;
    display: inline;
}

.ck {
background-image: url(../img/ckBg.gif);
height: 12px;
width: 12px;
}

#btnLogin {
background-image: url(../img/btnLoginBg.gif);
width: 60px;
padding: 0 2px;
margin: 10px 0px;
border: 1px solid #7bad51;

font-size: 10px;
font-weight: bold;
text-align: center;
color: #000;

}

.btnRequest {
background-color: #cc0000;
border: 1px solid #980000;
color: #fff;
font-size:9px;
font-weight: bold;
padding: 0 2px;
margin: 0;
}



.forgot {
    margin: 10px 0;
    color: #606060;
}

.forgot A, .forgot A:visited, .forgot A:link {
    color: #7da01d;
}

.imgRegister {
    position: relative;
    left: -15px;
}


#newsBox {

}

.newsBlock {
    margin-top:10px;
    margin-bottom:20px;
    padding: 10px 2px;
}


.relatedBox {
    float: right;
    background:url("../img/relatedBox.gif") 0px 100% no-repeat;
    padding:0 0 4px 0;
    margin:8px 0 0 0;
    display:block;
    width: 150px;
    height: 100px;
}

.relatedBox h3 {
    font-size:1em;
    line-height:1em;
    font-weight:bold;
    background:url("../img/relatedBox.gif") 0 0 no-repeat;
    margin:0;
    padding:6px 4px 15px 21px;
}

#shortPricesPiece {
    margin-left:80px;
    margin-bottom: 10px;
}

.relatedBox p {
    background:#eaeaea;
    padding:1px 4px 0 7px;
    margin:0;
    border-left:14px solid #939393;
}


.relatedBox:hover {
            background-position: -150px 100%;
}

.relatedBox:hover p {
        border-left:14px solid #2793ff;
}

.relatedBox:hover  h3 {
                background-position: -150px 0;
}

.relatedBox a {
    color: #007ebb;;
    line-height: 0.7em;
    padding-bottom: 10px;
    float: left;
}

.relatedBox a:hover {
    text-decoration: underline;
}

.newsTitle {
    color: #555;
    font-size: 14px;
    font-weight: bold;
}

.newsPromotion {
    color: #cc0000;
    font-weight: bold;
}

.newsDate {
    margin-top: 5px;
    color: #576e07;
    text-transform: uppercase;
}

/* begin logged template */
.loggedLinks {
    float: left;
}

.loggedLinks a, .loggedLinks a:hover, .loggedLinks a:link, .loggedLinks a:visited {
    color: #000;
    position: relative;
    top: 2px;
}

.loggedLinks img {
    float: left;
    clear: left;
    margin-right: 5px;
    margin-left: 5px;
}

.loggedLinks .item {
    float: left;
    clear: left;
    margin-bottom: 8px;
}

.userLogged {
    color: #a20b0b;
    font-weight: bold;
    line-height: 1.8em;
}
/* end logged template */

/* end template */




/************************* end THE SITE **************************/

/**********************   Begin very common styles ********************/
h1, h2, .title, .fheader {
    font-size: 15px;
    color: #565656;
    font-weight: bold;
    clear: both;
    margin: 13px 0;
}


.title3 {
    color: #a8580a;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
}

.title4{
    color: #4b7f07;
    font-weight: bold;
    margin: 10px 0;
}

.myNumberedList {
    list-style-type: decimal;
}

.myNumberedList li {
    line-height: 1.5;
    padding-top: 10px;
}

.funkyUl {
    list-style-image: url(../img/li-arrow.gif);
}

.funkyUl li {
    margin-top: 10px;
}

.divErrors {
}

.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-color: #b9b9b9;
    border: 0;
    width: 200px;
    font-size: 11px;
    padding: 4px 5px;
    color: #414448;
}

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


#btnFormRegister, #btnRegisterLogged, #btnDemo {
    background-image: url(../img/btnFormRegister.gif);
    text-align: center;
    color: #fff;
    border: 0;
    padding: 4px 5px;
    height: 28px;
    width: 100px;
    margin-left: 150px;
    margin-top: 30px;
    font-weight: bold;
    letter-spacing: 1px;
}

#btnRegisterLogged, #btnDemo {
    margin: 0;
}

#btnDemo {
}

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

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

}


.courseImg {
    float: left;
    margin-right: 10px;
    border: 1px solid #f5f4f4;
}

.msg, .msgApp {
    color: #50b848;
}

.msgApp2, .flash {
    color: #a20b15;
    background: #d5d5d5;
    padding: 4px 3px;
    margin: 2px;
}

.sepPoints {
    float: left;
    line-height: 1px;
    height: 1px;
    background-image: url('../img/sepPoints.gif');
    background-repeat: repeat-x;
    background-position: center center;
    margin: 8px 0;
    padding: 0;
}



.tcourses {
    border: 1px solid white;
    border-collapse: collapse;
    background: #fff;
}

.tcourses td.th {
    background: gray;
    color: white;
    text-align: center;
}

.tcourses .courseName {
    font-weight: normal;
    color: #356ab3;
}

.tcourses td {
    padding: 4px;
}

.tcourses td.price {
    text-align: center;
    font-weight: bold;
    color: #000;
}

.discBasePrice {
    text-decoration: line-through;
}


.discPrice {
    color: #cc0000;
    font-weight: bold;
}
/**********************   End very common styles **********************/


/******************************* begin exam preview ******************************/

.examBox {
    padding: 10px 20px;
}

.exTextarea {
    color: #414448;

}


.exSolutionQpoints_wrong {
    background: red;
    color: #fff;
    padding: 2px;
}

.exSolutionQpoints_partial {
    background: #e8ff1a;
    color: #000;
    padding: 2px;
}


.exSolutionQpoints_right {
    background: green;
    color: #fff;
    padding: 2px;
}

.exAttemptTitle {
    margin-top: 5px;
    font-size: 14px;
    text-align: center;
}

.exAttemptExName {
    font-weight: bold;
}

.exAttemptResults {
    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}

.ungradedTitle, .gradedTitle {
color: #fff;
margin-left:auto;
margin-right:auto;
margin-top: 10px;
font-weight: bold;
text-align: center;
background: #ff5f00;
width: 200px;
}

.gradedTitle {
    background: green;
    color: #fff;
}


A.lkGrade, A.lkGrade:visited, A.lkGrade:hover {
    color: #ff5f00;
    text-decoration: underline;
    cursor: pointer;
}


A.lkUnGrade, A.lkUnGrade:visited, A.lkUngrade:hover {
    color: gray;
    text-decoration: underline;
}

.gradeMsg {
color: #ff5f00;
}

/******************************* end exam preview ******************************/


/****************** begin timer *************************/
#timer {
    position: absolute;
    text-align: center;
    right: 10px;
    font-weight: bold;
}

#QuizTimer {
    color: #000;
}


#timerInput {
    width: 200px;    
    background-color: transparent; 
    border: 1px; 
    font-size: 13pt;
    font-weight: bold;
    text-align: center;
    color: #000;
}
/****************** end timer *************************/

/******************************** begin message styles *************************************/

A.btnReply, A.btnReply:link, A.btnReply:active, A.btnReply:hover, A.btnReply:visited {
display: block;
width: 60px;
padding: 0 10px;
margin: 45px 0px;
border: 1px solid #7bad51;

background-image: url(../img/btnReplyBg.gif);
font-size: 10px;
font-weight: bold;
text-align: center;
color: #000;

}

.demoMsg {
    color: #c30a07;
    margin-top: 10px;
    border: 1px solid #c30a07;
    font-size: 12px;
    padding: 10px;
}


.msgItem {
    float: left;
}

.msgSep {
    background-image: url('../img/sepPoints.gif');
    height: 1px;
    float: left;
}

.msubjectRead, A.msubjectReadLk, A.msubjectReadLk:link, A.msubjectReadLk:active, A.msubjectReadLk:hover, A.msubjectReadLk:visited {
    color: #000;
    font-weight: normal;
}

.msubjectUnread, .msubjectUnread, A.msubjectUnreadLk, A.msubjectUnreadLk:link, A.msubjectUnreadLk:active, A.msubjectUnreadLk:hover, A.msubjectUnreadLk:visited {
    color: #000;
    font-weight: bold;
}

.msubject {
    margin-top: 10px;
margin-bottom: 20px;
border-bottom: 1px solid #d0d0d0;
}

.mdate {
    
}


/******************************** end message styles ***************************************/

/**************************site content styles - andrei***************************/
a.cma {
	color: #4F5F7A;
	font-weight:bold;
}

.cma{
	color: #4F5F7A;
	font-weight:bold;
}

.IO {
	color:#4B7F07; 
	font-weight: bold;
}

.motto{

	color:#4B7F07;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
}

.special{
	font-weight:bold;
}


.courseName{
	font-size:12px;
	color: #007EBB;
	font-weight:bold;
}

.price{
	font-size:11px;
	color:#F61500;
	font-weight:bold;


}

.author{
	font-size:11px;
	color:#AF47B7;
	font-weight:bold;
}
/****************************end site content styles - andrei************************/