html{
	margin:0px;
	padding:0px;
}
body{
	color:#ffffff;
	background-color:#D2AC5F;
    font-size:0.85em;
    font-family:"Arial Unicode MS","Lucida Sans Unicode","Arial",sans-serif !important;
    margin:0px;
    padding:0px;
}

input[type=text],select,textarea{
	color:#000000;
	background-color:#ffffff !important;
}

a,
a:visited,
a:link{
	color:#B01C2E;
	background-color:transparent; /* Always make transparent */
	text-decoration:none;
}
a:hover{
    color:#000;
    background-color:transparent; /* Always make transparent */
    text-decoration:none;
}

/* Heading colours
Note: Make sure the skins imgconfig colours are the same too */
h1{color:#000000;background-color:transparent;}
h2{color:#777777;background-color:transparent;}
h3{color:#000000;background-color:transparent;}

#tpl_siteframe{
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-top:90px;
	position:relative;
}
#tpl_header{
	color:#ffffff;
	background-color:#555555;
	padding:0px 10px 0px 10px;
}
#tpl_footer{
	color:#ffffff;
	background-color:#777777;
	padding:10px;
}
#tpl_maincontent{
	color:#000000;
	background-color:#ffffff;
	border-width:0px 10px 0px 10px;
	border-style:solid;
	padding:10px;
	min-height:400px;
}
#tpl_maincontent,
.popupBox_frame800{
	background-color:#ffffff;
	border-color:#999999;
}
#tpl_logo{
	position:absolute;
	top:-75px;
	left:10px;
	z-index:3;
}
p.breadcrumb{
	position:absolute;
	top:6em;
	right:10px;
	font-size:11px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:right;
	padding:0px 10px 2px 0px;
}

/* TOP INFO BAR (SEARCH) */
#tpl_infobar{
	position:absolute;
	bottom:35px;
	right:10px;
	z-index:2;
}
#tpl_infobar .searchInput{
	border:1px solid #aaaaaa !important;
	width:120px;
	font-size:10px;
}
#tpl_infobar .searchSubmit{
	font-size:10px;
}
#tpl_infobar .searchLabel{
	text-transform:uppercase;
	font-size:10px;
	font-weight:normal;
	color:#888888;
	letter-spacing:1px;
	background-color:inherit;
}

/* TOP menu
========================= */
#tpl_topmenu{
	padding:0px;
	margin:0px;
}

#tpl_topmenu ul{
    list-style-type:none;
    margin:0px;
    padding:0px;
    font-size:0.85em;
}

#tpl_topmenu ul li ul{
    margin:0px;
    font-size:1em;
    display:none;
}

#tpl_topmenu ul li{
    float:left;
    background-image:url("../images/topmenu_divider.png");
    background-repeat:no-repeat;
    background-position:top right;
    position:relative;
    text-align:center;
}

#tpl_topmenu ul li a{
    color:#ffffff;
    background-color:inherit;
    display:block;
    padding:10px 10px 12px 10px;
    text-decoration:none;
    text-align:center;
}
#tpl_topmenu ul li a.active{
	color:#ffffff;
	background-color:#888888;
	font-weight:bold;
}

#tpl_topmenu ul li a:hover,
#tpl_topmenu ul li a.hover{
	color:#ffffff;
	background-color:#aaaaaa;
    text-decoration:none;
}
#tpl_topmenu ul li a img{
	width:16px !important;
	height:16px !important;
}

#tpl_topmenu ul li ul{
    position:absolute;
    top:0px;
    left:0px;
    margin:0px !important;
    padding:0px !important;
    z-index:10;
    background-color:red;
}
#tpl_topmenu ul li ul li{
    float:none;
    background-image:none;
    position:relative;
    margin: 0px !important;
    padding:0px !important;
    z-index:10;
}
#tpl_topmenu ul li ul li a{
	color:#ffffff;
	background-color:#aaaaaa;
    background-image:none;
    width:170px;
    text-align:left;
    padding:5px;
    display:block;
}

#tpl_topmenu ul li ul li a:hover,
#tpl_topmenu ul li ul li a.hover,
#tpl_topmenu ul li ul li a.active{
    color:#ffffff;
    background-color:#bbbbbb;
    background-image:none;
}
#tpl_topmenu ul li ul li a.sub,
#tpl_topmenu ul li ul li a.sub:hover{
    background-repeat:no-repeat;
    background-position: center right;
}

#tpl_topmenu ul li ul li ul{
    z-index:13 !important;
    position:absolute;
    top:-2px !important;
    left:180px !important;
    border:2px solid #ffffff;
}

/* BOTTOM MENU
======================= */
#tpl_footerbar{
}

/* BOTTOM INFO BAR - OVERRIDE */
#tpl_footerbar .footerbar_inner{
	top:0px;
	left:0px;
	padding-bottom:15px;
	font-size:0.9em;
}
#tpl_footerbar .userinfo_frame{
	position:absolute;
	top:-35px;
	right:10px;
	font-size:0.9em;
}
#tpl_footerbar .userinfo_frame .lia{
	text-transform:uppercase;
	font-size:10px;
	font-weight:normal;
}
#tpl_footerbar .jstool{
	color:#ffffff;
	background-color:inherit;
    background-image:none;
    border:none;
    padding:5px 8px 5px 8px;
    line-height:25px;
    margin-right:3px;
    text-decoration:none;
    line-height:1.5em;
}

/* TAB MENU - OVERRIDE
======================== */
ul.tabMenu{font-size:0.9em;}
ul.tabMenu li a span img{
	width:16px !important;
	height:16px !important;
}
ul.tabMenu li a,
ul.tabMenu li span.fakelink{
	color:#777777 !important;
	background-color:#e1e1e1 !important;
    padding-right:10px;
    background-image:none;
}
ul.tabMenu li a span,
ul.tabMenu li span.fakelink span{
    padding:4px 0px 4px 5px;
    background-image:none;
}
ul.tabMenu li.menuEnd,
ul.tabMenu li.listEnd,
ul.tabMenu li a:hover,
ul.tabMenu li a.active{
	color:#ffffff !important;
	background-color:#777777 !important;
}
ul.tabMenu li a:hover span,
ul.tabMenu li a.active span{
    padding-bottom:7px;
}

/* TABLES
================================= */

/* Standard table, Curvey Table combined
---------------------------------- */
table.data_table,
claroTable,
table.tbl{
	border:2px solid #eeeeee;
	width:99.99%;
}

table.curvey th,
table.data_table tr th,
claroTable tr th,
td.tbl-header {
	color:#ffffff;
	background-color:#555555 !important;
	border-bottom:2px solid #ffffff;
	background-image:none !important;
	padding:5px 5px 10px 5px;
}
table.curvey th a,
table.data_table tr th a,
claroTable tr th a,
td.tbl-header a{
	color:#ffffff;
	background-color:inherit;
	border-bottom:1px dotted #dddddd;
}

table.data_table tr.tableName td,
.claroTable tr.tableName td{
	color:#ffffff;
	background-color:#555555;
	background-image:none !important;
}

table.data_table tr td,
claroTable tr td,
table.curvey tr.odd td,
tr.tbl-row-odd td,
tr.tbl-row td{
	color:#555555;
	background-color:#fafafa;
	border-bottom:2px solid #ffffff;
	padding:5px !important;
}

table.curvey tr.even td,
tr.tbl-row-even td{
	color:#555555;
	background-color:#ededed;
	border-bottom:2px solid #ffffff;
}
table.curvey tr:hover td,
tr.tbl-row:hover td{
	color:#000000;
	background-color:#C5F198;
}
table.curvey tr.cfooter td{
	color:#000000;
	background-color:#ffffff;
	height:1px;
	font-size:1px;
}
table.curvey tr.highlight,
.highlight{
	cursor:pointer !important;
	color:#000000;
	background-color:#ffdd00;
}
table.curvey tr.total td,
table.curvey tr.static td,
td.tbl-found{
	color:#000000;
	background-color:#eeeeee;
	padding:5px;
	font-weight:bold;
}
td.tbl-nav {
	border-top:2px dotted #bbbbbb;
}

/* These classes are for datagrid, but so far, there has been no example of them to follow
tr.tbl-footer {}
table.tbl-footer { font-size: 1em; }
td.tbl-nav { background: url(/images/head_bg.gif); height: 20px; border-top: 2px solid #c3daf9; color: #4D4D4D; }
td.tbl-pages { text-align: center; }
td.tbl-row-num { text-align: right; }
td.tbl-controls { text-align: center; }
td.tbl-checkall {}
td.tbl-page { text-align: right; }
td.tbl-noresults { font-weight: bold; color: #9F0000; height: 45px; text-align: center; }
span.tbl-reset { margin: 5px 5px; }
img.tbl-reset-image { margin-right: 5px; border: 0; }
span.tbl-create { margin: 5px 0; }
img.tbl-create-image { margin-right: 5px; border: 0; }
div.tbl-filter-box {}
img.tbl-arrows { border: 0; }
img.tbl-order-image { margin: 0 2px; border: 0; }
img.tbl-filter-image { border: 0; }
img.tbl-control-image { border: 0; }
span.page-selected { color: black; font-weight: bold; }
input.tbl-checkbox {}
*/

/* POPUP BOXES - FRAMES
================================= */
.popupBoxGlobal .ajaxLoader{
    margin-top:30px;
    margin-left:25px;
}
.popupBoxGlobal .popupClose{
    position:absolute;
    right:-20px;
    top:-30px;
}
.popupBox_frame800{
	color:#000000;
	background-color:#ffffff;
    width:800px;
    padding-top:0px;
    border-width:10px;
	border-style:solid;
}
.popupBox_frame800 .popupInner{
	padding-top:15px;
}
.popupBox_frame800 .popupContent{
    padding:0px 25px 0px 25px;
}
.popupBox_frame800 .popupBottomBar{
    height:1px;
}

/* CLAROLINE - STYLE_GLOBAL.CSS - OVERRIDES */
.claro_courseList li a{
    background-image:url("../images/iconmed_courses.png");
}

#claro_popupNav a.active,
#claro_popupNav a.active:hover{
    color:#ffffff;
    background-color:#2466AE;
    text-decoration:none;
}
#claro_popupNav a.active span{
    font-size:0.7em;
}

#claro_popupNav a.odd:hover,
#claro_popupNav a.even:hover{
    color:#000000;
    background-color:#AECDEE;
}
#claro_popupNav a{
    display:block;
    padding:5px;
    margin-bottom:1px;
    font-size:1em;
}