/**
 * @file
 * CSS for the overall layout - body, sidebars, regions, etc.
 */

/* Overall Styles */

body.lang-de {
    /* This is because otherwise the quote marks are wrong in german. */
    font-family: "Century Gothic", Arial;
}
body.lang-he {
    font-family: Arial;
}
body {
	margin: 0;
    font-family: Verdana;
    font-size: 13px;
    line-height: 1.4em;
}


a {
    font-weight: bold;
}

a,
a:visited,
a:link {
    text-decoration: none;
}

a:hover,
a:active {
    text-decoration: underline;
}

[dir="rtl"] .left-float {
    float: right;
    padding-right: 0px;
    padding-left: 10px;
}
.left-float {
    float: left;
    padding-right: 10px;
}

.shade-on-hover:hover {
    background-color: #f8f8f8;
}

/*.dark-on-hover:hover {
    background-color: #d0d0d0;
}*/

#main input.form-radio {
    vertical-align: text-top;
}


/* Banner Styles */

#banner {
	width: 860px;
	height: 140px;
	margin: 0 auto;
}

#banner_tool {
/*    text-align: right;*/
}

#banner_logo {
    width: 400px;
}

.banner-tool-inner {
/*    width: 100%;*/
}

#tool {
	color: white;
/*	text-align: right;*/
	font-size: 11px;
}

/* Breadcrumb Styles */

#shell #header_and_content_container #breadcrumb_area {
	width: 860px;
	margin: 0 auto;
	display: none;
}

/* Header Styles */

#header {
	width: 860px;
	margin: 0 auto;
	min-height: 324px;
}

#subheader {
	width: 860px;
    margin: 0 auto;
}

/*** this needs to be cancelled for other languages**/
.header-wrapper .page-header {
    text-transform: uppercase;
}


/* Main Content Styles */

#main h2 {
    font-family: "Century Gothic", Arial;
    font-size: 20px;
    line-height: 23px;
    font-weight: normal;
    color: #23878A;
    /* letter-spacing: -1px; */
}

.lang-pt #main h3 {
    line-height: 20px;
}
.lang-he #main h3 {
    line-height: 16px;
}
.lang-he #main .div-wrapper h3 {
    font-size: 18px;
}
#main h3 {
    font-size: 16px;
    line-height: 19px;
    font-family: "Century Gothic", Arial;
/*    color: #23878A;*/
    font-weight: normal;
    /* letter-spacing: -1px; */
}

.with-sidebar-left #main {
/*	padding-left: 20px;
	border-left: 1px solid #dfdfdf;*/
}

#shell .with-sidebar-right #main {
	padding-left: 20px;
	margin-right: 20px;
	/* padding-left: 20px; */
/*	border-right: 1px solid #dfdfdf;*/
	width: 600px;
}

#shell .with-no-sidebar #main {
    padding-right: 20px;
    padding-left: 20px;
    width: 820px;
}

#sidebar-left,
#sidebar-right {
    width: 200px;
    vertical-align: top;
}

#sidebar-left {
    padding: 0 20px 0 0;
}

/*#sidebar-right {
    padding: 0 0 20px 0;
}
*/
.main-content-wrapper {
    /* width: 620px; */
    padding-top: 15px;
/*    padding-left: 20px;*/
}

/* Fix for the HTMl editors */

table.mceLayout {
    clear: none !important;
}

#tinymce {
    padding: 8px;
}

.defaultSkin table.mceLayout {
/*    padding-top: 5px;*/
    margin-top: 5px;
}

/* Style for main page header */

.header-wrapper {
    background: url("../images/horizontal-bar-hr.png") no-repeat scroll 0px bottom transparent;
    padding-bottom:20px;
    padding-top: 20px;
    position:relative;
}
[dir="rtl"] .header-wrapper {
	background: url("../images/horizontal-bar-hr.png") no-repeat scroll right bottom transparent;
}
 
.lang-ru .header-wrapper .page-header {
   line-height: 25px;     
}
.lang-pt #main .header-wrapper .page-header,
.lang-fr .header-wrapper .page-header,
.lang-hu .header-wrapper .page-header {
   line-height: 23px;    
}    
.header-wrapper .page-header {
    letter-spacing: 1px;
    padding-bottom: 10px;
    font-size: 22px;
    font-family: Century Gothic,Arial;
	/*line-height: 26px;*/
    line-height: 0.9em;  
}

.header-wrapper .title {
    font-size: 22px;
    line-height: 23px;    
    display: inline;
    font-family: Century Gothic,Arial;
}

.header-wrapper .class-title {
    display: inline;
    float: right;
    padding-right: 40px;
}

.header-wrapper .class-title {
    display: none;
}

/* THIS SHOULD BE THE HTML FOR HEADERS ON ALL PAGES
v class="header-wrapper">
    <div class="campaign-logo"></div>
    <div class="page-header">THE TRUTH ABOUT DRUGS</div>
    <div class="title">Add Student</div>
    <div class="class-title"><?=$params['course']['title']?></div>
</div>
*/


#main .primary {
	display:none;
}

/* dashboard  */

/*#shell #main .dashboard .main-content-wrapper {
	padding-right: 0px;
	padding-left: 20px;
}*/

.dashboard .dashboard-left {
/*	margin-right: 10px;*/
}

/* @FIXME: removed it when going live */
/*
#main .messages {
    max-height: 50px;
    width: 230px;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 100px;
    opacity: 0.5;
}

#main .messages.error {
    right: 0;
}
#main .messages.warning {
    right: 300px;
}
*/

iframe {
    border: 1px solid #ccc;
    height: 710px;
}