@font-face {
    font-family: 'Museo 700';
    /*src: url('https://vincitraining.com/LLMS4_testhk/css/fonts/Museo-700-Regular.eot');*/
    src: url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/Museo-700-Regular.eot');
    src: url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/Museo-700-Regular.eot?iefix') format('embedded-opentype'), url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/Museo-700-Regular.woff') format('woff'), url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/Museo-700-Regular.ttf') format('truetype'), url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/Museo-700-Regular.svg#Museo 700') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'museo300';
    src: url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/museo300-regular-webfont.eot');
    src: url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/museo300-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/museo300-regular-webfont.woff') format('woff'), url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/museo300-regular-webfont.ttf') format('truetype'), url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/museo300-regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/SourceSansPro-Regular.eot');
    src: url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/SourceSansPro-Regular.eot?iefix') format('embedded-opentype'), 
    url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/SourceSansPro-Regular.woff') format('woff'), 
    url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/SourceSansPro-Regular.ttf') format('truetype'), 
    url('https://vincitraining.com/LLMS4_testhk/TransactionalLearner/css/fonts/SourceSansPro-Regular.svg#Source Sans Pro') format('svg');
    font-weight: normal;
    font-style: normal;
}
body
{
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
   /* font-family: 'source_sans_proregular';*/
    font-size: 12px;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
div, span, table, tr, td, p, h1, h2, h3, h4, h5, h6, label, ul, ul li, ol, ol li
{
    margin: 0px;
    padding: 0px;
}
.main_tbl
{
    width: 100%;
}
.header
{
    background-image: url(images/top_headerbg.jpg);
    background-repeat: repeat-x;
    background-position: top;
    border-bottom: solid 3px #08796a;
}

.headtoprow
{
    float: left;
    width: 100%;
}
.logoholder
{
    float: left;
    padding-left: 1%;
    padding-top: 5px;
    padding-bottom: 4px;
}
.rightinfo_holder
{
    float: right;
    width: 55%;
    padding-right: 2%;
    text-align: right;
}
.lmsname
{
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: Arial, Verdana;
    color: #08796a;
    padding-top: 1%;
    padding-bottom: 1%;
    font-weight: bold;
}
.userinfo_holder
{
    float: left;
    width: 100%;
}
.welcomediv
{
    float: left;
    text-align: right;
    padding-top: 2px;
    padding-right: 5px;
}
.welcometxt
{
    font-size: 12px;
    text-align: right;
    color: #000000;
}
.username
{
    font-size: 12px;
    text-align: right;
    color: #dd6e26;
}
.signout_holder
{
    float: right;
    padding-top: 5px;
}
.topmenuholder
{
    float: right;
    width: 100%;
    padding-top: 13px;
}
.signmode
{
    float: left;
    width: 20%;
    padding-left: 1%;
}
.topmenudiv
{
    float: right;
    width: 100%;
    padding-left: 1%;
}
ul.topmenu
{
    float: left;
    margin: 0px;
    padding: 18px 0px 0px 0px;
}
ul.topmenu li
{
    float: left;
    list-style: none;
    padding-right: 1px;
}
ul.topmenu li a
{
    float: left;
    font-size: 11px;
    background-color: #08796a;
    padding: 5px 10px 4px 10px;
    text-decoration: none;
    color: #FFFFFF;
}
ul.topmenu li a:hover
{
    float: left;
    font-size: 11px;
    background-color: #76b5ae;
    padding: 5px 10px 4px 10px;
    text-decoration: none;
    color: #FFFFFF;
}
.smallicons
{
    float: right;
    padding-right: 5%;
    padding-top: 8px;
}
.smallicons a
{
    margin-right: 8px;
}
.contentarea
{
    vertical-align: top;
}
.leftcol
{
    width: 80px;
    vertical-align: top;
}
.rightcol
{
    width: 100%;
    height: 600px;
    vertical-align: top;
}
.rightcol .contentplace
{
    float: left;
    height: 600px;
    width: 100%;
    margin-top: 2px;
    margin-bottom: 2px;
}
.content_holder
{
    float: left;
    width: 100%;
}
.title_holder
{
    float: left;
    width: 100%;
    background-image: url(images/mainheaderbg.gif);
    background-repeat: repeat-x;
    background-position: top;
}
.title_holder h1
{
    width: 50%;
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-left: 1%;
    font-size: 16px;
    background-image: url(images/arrow4.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 15px;
    font-family: 'source_sans_proregular';
    color: #ffffff;
}

.note_holder
{
    float: right;
    width: 350px;
    padding-left: 65px;
    background-color: #131314;
    background-image: url(images/notes_curve.gif);
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: left top;
    color: #FFFFFF;
    height: 33px;
    line-height: 14px;
    padding-top: 2px;
}

.noteseperator
{
    background-image: url(../../images/noteseperator.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-top: 2px;
}

ul.breadcrum
{
    float: left;
    margin: 0px;
    padding: 0px;
    padding-bottom: 5px;
}

ul.breadcrum li
{
    float: left;
    list-style: none;
    padding-right: 1px;
    font-size: 11px;
    text-decoration: none;
    color: #989898;
}

ul.breadcrum li a
{
    float: left;
    font-size: 11px;
    margin-right: 10px;
    padding-right: 15px;
    background-image: url(images/arrow1.gif);
    background-position: right 5px;
    background-repeat: no-repeat;
    text-decoration: underline;
    color: #717171;
}

ul.breadcrum li a:hover
{
    float: left;
    font-size: 11px;
    text-decoration: none;
    color: #717171;
}

.ddlsearch
{
    float: left;
    margin-right: 2px;
}
.searchbox
{
    float: left;
    margin-right: 2px;
}
.searchicon, a.searchicon
{
    float: left;
    background-image: url(../../images/icons/searchicon.png);
    background-position: center;
    background-repeat: no-repeat;
    text-decoration: underline;
    color: #717171;
    background-color: #1fa79a;
    cursor: pointer;
    width: 21px;
    height: 22px;
    margin-right: 2px;
    border: solid 1px #3fd4c6;
}

a.clearlink:link, a.clearlink:visited
{
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 20px;
    margin-right: 20px;
    padding-right: 20px;
    margin-left: 10px;
    border-right: solid 1px #FFF;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-image: url(../../images/icons/clearicon.png);
    background-position: left top;
    background-repeat: no-repeat;
}

a.clearlink:hover
{
    float: left;
    color: #FFFFFF;
    text-decoration: underline;
    padding-left: 20px;
    margin-right: 20px;
    padding-right: 20px;
    margin-left: 10px;
    border-right: solid 1px #FFF;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-image: url(../../images/icons/clearicon.png);
    background-position: left top;
    background-repeat: no-repeat;
}


a.advsearchlink:link, a.advsearchlink:visited
{
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 20px;
    margin-right: 30px;
    padding-right: 10px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-image: url(../../images/icons/advancesearchicon.gif);
    background-position: left 3px;
    background-repeat: no-repeat;
}

a.advsearchlink:hover
{
    float: left;
    color: #FFFFFF;
    text-decoration: underline;
    padding-left: 20px;
    margin-right: 30px;
    padding-right: 10px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-image: url(../../images/icons/advancesearchicon.gif);
    background-position: left 3px;
    background-repeat: no-repeat;
}


a.deactivatelink:link, a.deactivatelink:visited
{
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 20px;
    margin-right: 20px;
    padding-right: 20px;
    margin-left: 10px;
    border-right: solid 1px #FFF;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-image: url(../../images/icons/deactivateicon.png);
    background-position: left 3px;
    background-repeat: no-repeat;
}

a.deactivatelink:hover
{
    float: left;
    color: #FFFFFF;
    text-decoration: underline;
    padding-left: 20px;
    margin-right: 20px;
    padding-right: 20px;
    margin-left: 10px;
    border-right: solid 1px #FFF;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-image: url(../../images/icons/deactivateicon.png);
    background-position: left 3px;
    background-repeat: no-repeat;
}


a.deletelink:link, a.deletelink:visited
{
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 20px;
    margin-right: 10px;
    padding-right: 10px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-image: url(../../images/icons/deleteicon.gif);
    background-position: left 3px;
    background-repeat: no-repeat;
}

a.deletelink:hover
{
    float: left;
    color: #FFFFFF;
    text-decoration: underline;
    padding-left: 20px;
    margin-right: 10px;
    padding-right: 10px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-image: url(../../images/icons/deleteicon.gif);
    background-position: left 3px;
    background-repeat: no-repeat;
}


.gobtn
{
    background-color: #1fa79a;
    border: none;
    font-weight: bold;
    cursor: pointer;
    border: solid 1px #3fd4c6;
    padding: 2px 2px 2px 2px;
    font-size: 11px;
    color: #FFF;
}

.holder
{
    float: left;
    width: 100%;
}
.gridmenu
{
    background-color: #131314;
    color: #FFFFFF;
    font-size: 12px;
    float: left;
    width: 100%;
    display: block;
    height: 35px;
}
.recordinfo
{
    color: #ed772b;
    float: left;
    padding-top: 4px;
    margin-left: 4%;
}
.ddlstyle1
{
    border: solid 1px #dca581;
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #666666;
}
.gridview
{
    margin-top: 10px;
    float: left;
    border: solid 1px #d3c7c3;
    border-bottom: none;
    border-right: none;
    width: 100%;
}
.gridview td, .gridview th
{
    padding: 0 12px;
    line-height: 26px;
    font-size: 12px;
    border-bottom: solid 1px #d3c7c3;
    border-right: solid 1px #d3c7c3;
}

.gridview th
{
    background-color: #333333; /*background-image:url(images/gridheaderbg.gif);*/
    background-position: top;
    background-repeat: repeat-x;
    font-size: 11px;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 2px;
    line-height: 18px !important;
    color:#FFFFFF !important;
    
}

.gridview th a
{
    color:#FFFFFF !important;
    font-size: 11px;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 2px;
    text-decoration: underline;
}
.gridview th a:hover
{
    text-decoration: none;
}
.gridview .row1
{
    background: #fefefe;
}

.gridview .alignleft
{
    text-align: left;
}

.gridview .row2
{
    background: #d6e9ef;
}

.gridview .selected
{
    background: #76b5ae;
}



.gridfooter table
{
    background-color: #131314;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFF;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

/*.gridfooter Label, .gridfooter span{ 
background-color:#131314; 
padding-top:2px;  
padding-bottom:2px; 
color:#FFFFFF;
}*/

.gridfooter table td
{
    border: none;
    border-bottom-style: none;
}



.dashboard_leftcol
{
    width: 75%;
    float: left;
    margin-top: 6px;
    font-family: Tahoma, Verdana;
    font-size: 11px;
}
.dashboard_rightcol
{
    width: 22%;
    float: right;
    padding: 5px;
    margin-top: 6px;
    border: solid 1px #dbdbdb;
    margin-right: 2px;
    margin-left: 5px;
    vertical-align: top;
}

*html .dashboard_rightcol
{
    width: 21%;
    float: right;
    padding: 5px;
    margin-top: 6px;
    border: solid 1px #dbdbdb;
    margin-right: 2px;
    margin-left: 5px;
    vertical-align: top;
}

.dashboard_rightcol h2
{
    font-family: 'source_sans_proregular';
    font-size: 16px;
    padding-bottom: 17px;
    color: #0d8f81;
}
.dashboard_rightcol p
{
    font-family: Tahoma, Verdana;
    font-size: 11px;
    line-height: 16px; /* padding-bottom:22px;  */
    float: left; /*color:#686868;*/
}
.dashboard_rightcol p a
{
    color: #dd6e26;
    text-decoration: underline;
}
.dashboard_rightcol p a:hover
{
    color: #dd6e26;
    text-decoration: none;
}

.gridvie2holder
{
    padding-bottom: 2px;
    float: left;
    width: 100%;
}
.gridview2
{
    width: 100%;
    border: 0; /*border:solid 1px #e6e6e6; border-bottom:none; border-right:none;*/
}
.gridview2 td, .gridview2 th
{
    padding: 0 2px;
    line-height: 26px;
    font-size: 12px;
    border-bottom: solid 1px #e6e6e6; /*border-right:solid 1px #e6e6e6;*/
}

.gridview2 th
{
    background-color: #b8dad7;
    color: #004941;
    font-size: 11px;
    padding-top: 1px;
    padding-bottom: 2px;
}

.gridview2 tr td.row1
{
    background: #fefefe;
}

.gridview2 .alignleft
{
    text-align: left;
}



.gridview2 tr td.row2
{
    background: #e8f9f7;
}
a.viewlink:link, a.viewlink:visited
{
    float: right;
    font-size: 11px;
    background-color: #08796a;
    padding-left: 25px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 3px;
    color: #ffffff;
    text-decoration: underline;
    font-weight: normal;
    margin-right: 5px;
    background-image: url(images/arrow5.gif);
    background-position: 12px;
    background-repeat: no-repeat;
}

a.viewlink:hover
{
    float: right;
    font-size: 11px;
    background-color: #08796a;
    padding-left: 25px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 3px;
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    margin-right: 5px;
}

.dashbox
{
    float: left;
    width: 100%;
    border: solid 1px #abcdca;
}

.dashbox_header
{
    font-size: 12px;
    background-color: #c2e2df;
    width: 99%;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 2px;
    color: #000000;
    font-weight: bold;
    float: left;
}

.dashbox_header span
{
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    padding-top: 3px;
    float: left;
    background-image: url(../../images/icons/courseicon.gif);
    background-position: 4px 3px;
    padding-left: 25px;
    background-repeat: no-repeat;
}

.announcebox
{
    float: left;
    border: solid 1px #abcdca;
    width: 52%;
    margin-top: 5px;
}

.announcebox_header
{
    font-size: 12px;
    background-color: #c2e2df;
    width: 98%;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 2px;
    float: left;
    color: #000000;
    font-weight: bold;
}

.announcebox_header span
{
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    padding-top: 3px;
    float: left;
    background-image: url(../../images/icons/announceicon.gif);
    background-position: 4px 3px;
    padding-left: 25px;
    background-repeat: no-repeat;
}

ul.anouncement
{
    list-style: none;
    float: left;
    width: 100%;
}

ul.anouncement li
{
    padding-bottom: 8px;
    padding-top: 8px;
    color: #000000;
    padding-left: 30px;
    background-image: url(images/arrow6.gif);
    background-position: 10px;
    background-repeat: no-repeat;
    border-bottom: solid 1px #eaeaea;
}


.wheretoboxcontainer
{
    float: right; /*border:solid 1px #e6c8b5;*/
    width: 45%;
}

.wheretobox
{
    float: right;
    border: solid 1px #abcdca;
    width: 100%;
    margin-top: 5px;
    font-family: Tahoma, Verdana;
    font-size: 11px; /* color:#686868; */
}
*html .wheretobox
{
    float: right;
    border: solid 1px #abcdca;
    width: 99%;
    margin-top: 5px;
    padding: 0px;
    margin-right: 0px;
    font-family: Tahoma, Verdana;
    font-size: 11px; /* color:#686868; */
}
.wheretobox h2
{
    font-family: 'source_sans_proregular';
    font-size: 16px;
    padding-bottom: 17px;
    color: #0d8f81;
}
.wheretobox p
{
    font-family: Tahoma, Verdana;
    font-size: 11px;
    line-height: 16px; /* padding-bottom:22px; */
    float: left; /* color:#686868; */
}
.wheretobox p a
{
    color: #dd6e26;
    text-decoration: underline;
}
.wheretobox p a:hover
{
    color: #dd6e26;
    text-decoration: none;
}

.wheretobox_header
{
    font-size: 12px;
    background-color: #c2e2df;
    width: 98%;
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    margin: 2px;
    color: #000000;
    font-weight: bold;
    float: left;
}

.wheretobox_header span
{
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    padding-top: 3px;
    float: left;
    background-image: url(../../images/icons/whereicon.gif);
    background-position: 4px 3px;
    padding-left: 25px;
    background-repeat: no-repeat;
}

table.wheretolist
{
    float: left;
    width: 100%;
}

table.wheretolist tr td.row1
{
    padding-bottom: 8px;
    padding-top: 8px;
    color: #000000;
    padding-left: 30px;
    background-image: url(images/arrow6.gif);
    background-position: 10px;
    background-repeat: no-repeat;
    border-bottom: solid 1px #eaeaea;
    background-color: #eeeeee;
}

table.wheretolist tr td.row2
{
    padding-bottom: 8px;
    padding-top: 8px;
    color: #000000;
    padding-left: 30px;
    background-image: url(images/arrow6.gif);
    background-position: 10px;
    background-repeat: no-repeat;
    border-bottom: solid 1px #eaeaea;
    background-color: #FFFFFF;
}

.footer
{
    font-size: 11px;
    color: #FFFFFF;
    padding-top: 0px;
    background-color: #08796a;
    width: 100%;
    height: 30px;
    position: relative;
    bottom: 0;
}


.footerlink
{
    font-size: 11px;
    color: #FFFFFF;
    padding-left: 10px;
    background-image: url(../../images/footer_linkbg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    float: left;
    width: 450px;
    height: 26px;
    position: absolute;
    bottom: 0;
}

.footerlink .logo
{
    float: left;
    margin: 0px;
}
.footerlink .links
{
    padding-bottom: 5px;
    float: left;
    padding-left: 15px;
    padding-top: 4px;
}

.footerlink .links a:link, .footerlink .links a:visited
{
    float: left;
    color: #000000;
    text-decoration: none;
    padding-left: 10px;
    margin-right: 30px;
    background-image: url(images/arrow2.gif);
    background-position: left 5px;
    background-repeat: no-repeat;
}

.footerlink .links a:hover
{
    color: #000000;
    text-decoration: underline;
}

.footerrightcurv
{
    background-image: url(../../images/footer_linkcurve.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 37px;
    height: 26px;
    float: left;
    margin-left: 450px;/*For Bug 1681*/
    bottom: 0;
    position: absolute;
}



.copyright
{
    font-size: 11px;
    color: #FFFFFF;
    float: right;
    padding-right: 15px;
    padding-top: 9px;
}



/*login page css begin here */
.loginheaderbg
{
    background-image: url(../../images/loginheadbg.jpg);
    background-position: top;
    background-repeat: repeat-x;
}
.headertitle
{
    float: left;
    padding-left: 10%;
    padding-top: 4%;
    color: #FFFFFF;
    font-size: 18px;
    font-family: 'source_sans_proregular';
    font-weight: normal; /*background-image:url(../../images/shadline.jpg); background-position:320px bottom; background-repeat:no-repeat;*/
    padding-bottom: 10px;
}
.login_leftcol
{
    width: 50%;
    vertical-align: top;
    padding-top: 20px;
    padding-right: 5%;
}
.login_rightcol
{
    width: 50%;
    vertical-align: top;
    padding-top: 20px;
    background-image: url(../../images/seperator.jpg);
    background-position: left center;
    background-repeat: no-repeat;
}
.leftcontentbox
{
    float: left;
    padding-left: 20px;
    padding-bottom: 10px;
    width: 90%;
    display: block;
}
.leftcontentbox p
{
    font-family: Tahoma, Verdana;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 0px;
    float: left;
    color: #686868;
    text-align: justify;
    width: 100%;
}
.leftcontentbox p a
{
    color: #dd6e26;
    text-decoration: underline;
}
.leftcontentbox p a:hover
{
    color: #dd6e26;
    text-decoration: none;
}
.resolution
{
    border: solid 1px #d2d2d2;
    float: left;
    width: 95%;
    padding: 10px;
    background-color: #f0f0f0;
}
.sys_config
{
    float: left;
    padding-top: 20px;
    padding-left: 0px;
    width: 90%;
}

.sys_config ul
{
    padding-left: 25px;
    line-height: 20px;
    margin-top: 10px;
}
.login_holder
{
    background-image: url(../../images/loginboxbg.jpg);
    background-repeat: no-repeat;
    background-position: top;
    float: left;
    width: 361px;
    margin-top: 30px;
}

.loginbox_align
{
    float: left;
    padding-left: 15%;
}
.login_button
{
    background: url(../../images/loginbtn.png);
    background-position: left;
    background-repeat: no-repeat;
    text-decoration: none;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
    width: 75px;
    font-weight: bold;
    font-size: 12px;
    font-family: 'source_sans_proregular';
    padding-left: 20px;
    padding-top: 0px;
    height: 23px;
    margin-right: 2px;
}
.logintitle
{
    font-family: 'source_sans_proregular';
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
}
.logintxt
{
    font-family: 'source_sans_proregular';
    font-size: 16px;
    font-weight: bold;
}
.logintextbox
{
    background: url(../../images/logintextbox.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 14px;
    float: left;
}
.login_tbl
{
    float: left;
    padding-left: 17px;
    padding-top: 0px;
}
.logbtnpadding
{
    padding-top: 12px;
    text-align: center;
}
.logtxtbox
{
    width: 165px;
    border: none;
    border-color: #FFFFFF;
    height: 16px;
    margin-top: 3px;
}
.helpicon_holder
{
    float: right;
    margin-right: 3%;
    margin-top: 0px;
}
.ques
{
    padding: 2px 5px 2px 5px;
    background-color: #4b4b4b;
    color: #FFF;
}
/*login page css end here */


/*adduser page css begin here */
.theme_holder
{
    /*border: solid 1px #abcdca;*/
    min-height: 465px;
    float: left;
    width: 99%;
    margin-top: 1%;
    margin-bottom: 10px;
    background-color: #d6e9ef;
}

.fontstyle1
{
    color: #00B2C5;
    font-family: 'Source Sans Pro',sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-top: 2px;
    text-align: right;
    vertical-align: top;
}
.fontstyle2
{
    font-weight: bold;
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #0d8f81;
    text-align: right;
    padding-top: 2px;
}

.textbox1
{
    float: left;
    width: 160px;
    border: solid 1px #dca581;
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #666666;
}

.textbox2
{
    float: left;
    width: 350px;
    height: 100px;
    border: solid 1px #dca581;
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #666666;
}

.stylenormalTextbox
{
    float: left;
    border: solid 1px #dca581;
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #666666;
}

.Checkbox
{
    float: left;
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #666666;
}

.textbox3
{
    float: left;
    width: 350px;
    height: 100px;
    border: solid 1px #7ac2ba;
    font-family: 'source_sans_proregular';
    font-size: 12px;
    font-weight: normal;
}

.valid_txt
{
    float: left;
    padding-top: 0px;
    margin-left: 2px;
    color: #e70000;
    font-size: 11px;
    background-image: url(../../images/icons/required_icon.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 10px;
}
.valid_txt_dynamic
{
    padding-top: 0px;
    margin-left: 2px;
    color: #e70000;
    font-size: 11px;
    background-image: url(../../images/icons/required_icon.gif);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 10px;
}

.adduser_lfttbl
{
    float: left;
    width: 49%;
    padding-left: 2%;
    padding-top: 1%;
}
.adduser_lfttbl1
{
    float: left;
    width: 49%;
    padding-left: 0%;
    padding-top: 1%;
}

.addusertbl
{
    width: 100%;
}

.theme_box
{
    /*border: solid 1px #abd0cc;*/
    width: 80%;
    padding: 10px;
    float: left;
    margin-top: 2%;
    margin-left: 9%;
    background-color: #d6e9ef;
}
.centre
{
    margin: 0 auto;
}

.button1
{
    border: solid 1px #006d61;
    color: #FFFFFF;
    background-color: #0d8f81;
    font-weight: bold;
    cursor: pointer;
    font-size: 11px;
    padding: 4px 10px 4px 10px;
    margin-right: 20px;
}

.button1:hover
{
    border: solid 1px #0d8f81;
    color: #FFFFFF;
    background-color: #006d61;
    font-weight: bold;
    cursor: pointer;
    font-size: 11px;
    padding: 4px 10px 4px 10px;
    margin-right: 20px;
}

.align_btn
{
    margin-top: 1%;
    float: left;
    text-align: center;
    width: 100%;
}
/*adduser page css end here */

.error
{
    width: 60%;
    margin: 0px auto; /*background:url(../../images/errorbg.jpg);  background-position:top;  background-repeat:repeat-x;*/
    border: solid 1px #eabfb6;
    float: left;
    margin-left: 20%;
    padding: 10px;
    margin-top: 5px;
}

.error label
{
    background: url(../../images/icons/error.png);
    background-repeat: no-repeat;
    background-position: left;
    float: left;
    padding-top: 12px;
    padding-bottom: 15px;
    padding-left: 50px;
    color: #d93032;
    font-weight: bold;
}

.warning
{
    width: 60%;
    margin: 0px auto; /*background:url(../../images/warningbg.jpg); background-position:top;  background-repeat:repeat-x;*/
    border: solid 1px #e7bf01;
    float: left;
    margin-left: 20%;
    padding: 10px;
    margin-top: 5px;
}

.warning label
{
    background: url(../../images/icons/warning.png);
    background-repeat: no-repeat;
    background-position: left;
    float: left;
    padding-top: 12px;
    padding-bottom: 15px;
    padding-left: 50px;
    font-weight: bold;
}

.updated
{
    width: 60%;
    margin: 0px auto; /*background:url(../../images/updatebg.jpg); background-position:top;  background-repeat:repeat-x;*/
    border: solid 1px #abc081;
    float: left;
    margin-left: 20%;
    padding: 10px;
    margin-top: 5px;
}

.updated label
{
    background: url(../../images/icons/updated.png);
    background-repeat: no-repeat;
    background-position: left;
    float: left;
    padding-top: 12px;
    padding-bottom: 15px;
    padding-left: 50px;
    font-weight: bold;
}


a.link1:link, a.link1:visited
{
    color: #dd6e26;
    text-decoration: underline;
    padding-left: 30px;
    margin-right: 30px;
    padding-right: 10px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-image: url(../../images/icons/showcoutryicon.png);
    background-position: left 3px;
    background-repeat: no-repeat;
    font-weight: bold;
}

a.link1:hover
{
    font-weight: bold;
    color: #dd6e26;
    text-decoration: none;
    padding-left: 30px;
    margin-right: 30px;
    padding-right: 10px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-image: url(../../images/icons/showcoutryicon.png);
    background-position: left 3px;
    background-repeat: no-repeat;
}


a.link2:link, a.link2:visited
{
    color: #000000;
    text-decoration: underline;
}

a.link2:hover
{
    color: #000000;
    text-decoration: none;
}


.left_menuholder
{
    float: left;
    width: 95px;
    height: 100%;
    background-image: url(../../images/menuicons/separate.jpg);
    background-position: right top;
    background-repeat: repeat-y;
}

table.left_menu
{
    float: left;
    padding-left: 5px;
    padding-top: 0px;
}
table.left_menu a
{
    float: left;
    text-decoration: none;
    font-size: 11px;
    width: 45px;
    padding-bottom: 1px;
    padding: 1px;
    border: solid 1px #FFFFFF;
    color: #9e9e9e;
}
table.left_menu a:hover
{
    float: left;
    text-decoration: none;
    background-color: #edfaf9;
    border: solid 1px #0d8f81;
    padding-bottom: 1px;
    font-size: 11px;
    width: 45px;
    padding: 1px;
    color: #000000;
}
table.left_menu
{
    text-align: center;
    background-image: url(../../images/menuicons/menu_seperator.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 1px;
}

.mainmenuitem
{
    color: #FF7F00;
    background-color: Transparent;
}

.mainmenuitem
{
    font-family: Arial, Helvetica, "Sans Serif";
    color: #FF7F00;
    height: 16px;
}



.submenu
{
    text-align: center;
    width: 120px;
    border-style: solid;
    border-width: 1px;
    z-index: 999px;
}

.submenuitem
{
    height: 20px;
    width: 25px;
    padding-top: 4px;
    padding-bottom: 0px; /*vertical-align:middle;*/
    text-align: left;
}

.submenumove
{
    height: 20px;
    width: 150px;
}

.zindexmenuStyle
{
    width: 80px;
    text-align: center;
    border-color: #FF7F00;
    border-style: solid;
    border-width: 1px;
    z-index: 999;
}

.DynamicMenuItemStyle
{
    width: 45px;
    font: 12px Arial, Helvetica, "Sans Serif";
    height: 50px;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
}

.boldText
{
    font-weight: bold;
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #0d8f81;
    text-align: right;
    vertical-align: top;
    padding-top: 2px;
}

.customProfileHeading
{
    font-weight: bold;
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #000000;
    text-align: right;
    vertical-align: top;
    padding-top: 2px;
    text-decoration: underline;
}

.Sideheading
{
    font-weight: bold;
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #000000;
    text-align: right;
    vertical-align: top;
    padding-top: 2px;
}

.Normallabel
{
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #000000;
    text-align: right;
    vertical-align: top;
    padding-top: 2px;
}

.Errorlabel
{
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: red;
    text-align: right;
    vertical-align: top;
    padding-top: 2px;
}

.Informationlabel
{
    font-size: 10px;
    font-family: 'source_sans_proregular';
    color: #000000;
    text-align: right;
    vertical-align: top;
    padding-top: 2px;
}

.gridfooterPage table
{
    background-color: #131314;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #FFF;
    padding-left: 0px;
    padding-right: 0px;
}

.gridfooterPage table td
{
    text-align: right;
    border: none;
    border-bottom-style: none;
    padding: 2px;
}

a.enabledlink:link, a.enabledlink:visited
{
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 20px;
    margin-right: 10px;
    padding-right: 10px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-position: left 3px;
    background-repeat: no-repeat;
}

a.enabledlink:hover
{
    float: left;
    color: #FFFFFF;
    text-decoration: underline;
    padding-left: 20px;
    margin-right: 10px;
    padding-right: 10px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-position: left 3px;
    background-repeat: no-repeat;
}

a.disabledlink:link, a.disabledlink:visited
{
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 20px;
    margin-right: 10px;
    padding-right: 10px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-position: left 3px;
    background-repeat: no-repeat;
}

a.disabledlink:hover
{
    float: left;
    color: #FFFFFF;
    text-decoration: underline;
    padding-left: 20px;
    margin-right: 10px;
    padding-right: 10px;
    margin-top: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
    background-position: left 3px;
    background-repeat: no-repeat;
}

.CustomPopuplabel
{
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #000000;
    vertical-align: top;
    padding-top: 2px;
}

.textbox4
{
    float: left;
    width: 350px;
    border: solid 1px #dca581;
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #666666;
}

.homeannouncementgridheader
{
    font-weight: bold;
    font-size: 12px;
    font-family: 'source_sans_proregular';
    color: #0d8f81;
    text-align: right;
    vertical-align: top;
    padding-top: 2px;
    line-height: 18px;
}




ul.topmenu1
{
    float: left;
    margin: 0px;
    padding: 0px;
}
ul.topmenu1 li
{
    float: left;
    list-style: none;
    padding-right: 1px;
}
ul.topmenu1 li a
{
    float: left;
    font-size: 11px;
    background-color: #08796a;
    padding: 6px 15px 10px 10px;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    width: 50px;
    height: 20px;
}
ul.topmenu1 li a:hover
{
    float: left;
    font-size: 11px;
    background-color: #76b5ae;
    padding: 6px 15px 10px 10px;
    text-decoration: none;
    color: #FFFFFF;
    text-align: center;
    width: 50px;
    height: 20px;
}