/*
 * DESCRIPTION
 * CSS styles used by portlets in ATVO Eduweb-Portal   
 * Alter these styles to make the portlets have a custom look.
 *
 * CONTENT
 *     - Global styles
 *     - Portlet styles
 *     - Button styles
 *     - Cijfer styles
 */


/* Global styles 
-------------------------------------------------------------------------------------------------*/
.even, 
tr.even {
	background-color: #fff;
}
.odd,
tr.odd {
	background-color: #f7f7f7;
}

tr.empty,
tr.odd, 
tr.even {
    height: 20px;
}

.smallcaps_text {
    font-variant: small-caps; 
    font-size: 13px; 
    font-weight: bold;
}

.eduweb_input {
    height: 19px;
    border: 1px solid #C2C2C0;
    line-height: 16px;
    font-size: 11px;
    margin-right: 4px;
}

.eduweb_select {
    font-size: 11px;
    margin-right: 4px;
}

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

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

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

a.head_link:hover {
    color: #404040;
}

.cijfer, 
a.cijfer, 
a:active.cijfer, 
a:link.cijfer, 
a:visited.cijfer { 
    color: #000; 
    cursor: pointer; 
    text-decoration: none; 
    padding-left: 2px; 
    padding-right: 2px; 
    border: 1px solid #E6E6E6; 
    margin-right: 3px; 
}

a:hover.cijfer	{ 
    color: #000; 
    border: 1px solid #CCC; 
    text-decoration: none; 
}

/* Portlet styles 
-------------------------------------------------------------------------------------------------*/
.portletwrapper {
    padding: 11px;
}

table#eduweb_portlet {
	width: 100%;
	height: 100%;
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px; 
	line-height: 11px; 
	color: #000; 
}

tr#headertop td {
	height: 10px;
}

tr#headertop td.left {
	width: 8px;
	padding-left: 8px;
	background: url(../images/empl_cornerleft.gif) no-repeat;
	white-space: nowrap;
}

tr#headertop td.middle {
	width: 100%;
	background: url(../images/empl_topbg.gif) repeat-x;
}

tr#headertop td.right {
	width: 8px;
	padding-right: 8px;
	background: url(../images/empl_cornerright.gif) no-repeat;
}

tr#headertitle td {
	height: 24px;
}

tr#headertitle td.left {
	width: 8px;
	background: url(../images/empl_leftbg.gif) repeat-y;
}

tr#headertitle td.middle {
	width: 100%;
	background-color: #E8E8EA;
	vertical-align: top;
}

tr#headertitle span.titletext {
	padding-left: 3px; 
	font-size: 14px; 
	font-weight: bold;
}

tr#headertitle td.right {
	width: 8px;
	background: url(../images/empl_rightbg.gif) repeat-y;
}

tr#headerline td {
	height: 2px;
}

tr#headerline td.left {
	width: 8px;
	background: url(../images/empl_leftbg.gif);
}

tr#headerline td.middle {
	width: 100%;
	background: url(../images/empl_horzline.gif);
	vertical-align: top;
}

tr#headerline td.right {
	width: 8px;
	background: url(../images/empl_rightbg.gif);
}

tr#headerbottom td {
	height: 13px;
}

tr#headerbottom td.left {
	width: 8px;
	background: url(../images/empl_butbar_cornleft.gif) bottom;
}

tr#headerbottom td.middle {
	background: url(../images/empl_buttonbarbg_new.gif) bottom;
	width: 100%;
	vertical-align: middle;
}

tr#headerbottom td.right {
	width: 8px;
	background: url(../images/empl_butbar_cornright.gif) bottom;
}

tr#headergroups td {
    height: 19px;
}

tr#headergroups td.rowspan {
    height: 100%;
}

tr#headercolumns {
    
}

tr#headercolumns td.headercolum,
tr#headercolumns td.first,
tr#headercolumns td.last,
tr#headercolumns td.all {
	height: 20px;
	background: url(../images/empl_colheaderbg_eduweb.gif) repeat-x; 
	line-height: 18px;
    border-top: 1px solid #FA8B06;
    border-bottom: 1px solid #FA8B06;
}

tr#headercolumns td.first {
    border-left: 1px solid #FA8B06;
}

tr#headercolumns td.last {
    border-right: 1px solid #FA8B06;
}

tr#headercolumns td.all {
    border-right: 1px solid #FA8B06;
    border-left: 1px solid #FA8B06;
}

tr#headercolumns td.special_left {
    border-left: 2px solid #FA8B06;
}

tr#headercolumns td.rowspan {
    height: 100%;
}

table.blockdata,
td.blockdata {
    border-left: 1px solid #FA8B06;
    border-right: 1px solid #FA8B06;
    border-bottom: 1px solid #FA8B06;
}

tr#content td.contentcell {
	
}

table#portlet_data, 
table#portlet_data table {
	width: 100%;
}

td.datalabel,
td.datalabelsmall {
	padding-left: 13px;
	white-space: nowrap;
	vertical-align: top;
}

td.datalabel {
    width: 60px;
}


td.datavalue {
	padding-left: 13px;
}

tr#bottom td {
	height: 29px;
}

tr#bottom td.left {
	width: 8px;
	background: url(../images/empl_bottombarleft.gif) no-repeat bottom;
}

tr#bottom td.middle {
	width: 100%;
	background: url(../images/empl_bottombarbg.gif);
	text-align: right;
	vertical-align: middle;
}

tr#bottom td.right {
	width: 8px;
	background: url(../images/empl_bottombarright.gif) no-repeat bottom;
}

img.photo {
    border: 1px solid #FA8B06;
}

#dhtmltooltip			{
	position: absolute;
	width: 120px;
	border: 1px solid #FFCF94;
	background-color: #FFEED9;
	padding: 3px;
	font-size: .8em;
	color: #000;
	visibility: hidden;
	z-index: 2000;
}

/* Button styles 
-------------------------------------------------------------------------------------------------*/
.buttonActive td {
    color: #E38700;
}
.buttonOut, 
.buttonOver, 
.buttonDown  { 
    cursor: pointer; 
}

.but_left,
.but_bg,
.but_right {
    cursor: pointer; 
    height: 17px;
}

.buttonDisabled .but_bg,
.buttonDisabled .but_left,
.buttonDisabled .but_right {
    cursor: default; 
    height: 17px;
}

.but_bg {
    font-size: 11px; 
    padding-left: 6px; 
    padding-right: 6px;
    line-height: 17px;
}
	
.buttonOut .but_left { 
    background: url(../images/button_left_out.gif) no-repeat right center;  
}

.buttonOut .but_bg { 
    background: url(../images/buttonbg_out.gif) repeat-x center; 
}

.buttonOut .but_right { 
    background: url(../images/button_right_out.gif) no-repeat left center;
}
		
.buttonOver .but_left {
    background: url(../images/button_left_over.gif) no-repeat right center;
}

.buttonOver .but_bg { 
    background: url(../images/buttonbg_over.gif) repeat-x center center; 
}

.buttonOver .but_right {
    background: url(../images/button_right_over.gif) no-repeat left center;
}
		
.buttonDown .but_left { 
    background: url(../images/button_left_down.gif) no-repeat right center;
}

.buttonDown .but_bg { 
    background: url(../images/buttonbg_down.gif) repeat-x center; 
}

.buttonDown .but_right	{ 
    background: url(../images/button_right_down.gif) no-repeat left center;
}

.buttonDisabled .but_left { 
    background: url(../images/button_left_disabled.gif) no-repeat right center;
}

.buttonDisabled .but_bg { 
    background: url(../images/buttonbg_disabled.gif) repeat-x center; 
}

.buttonDisabled .but_right	{ 
    background: url(../images/button_right_disabled.gif) no-repeat left center;
}


/* Cijfer styles 
-------------------------------------------------------------------------------------------------*/

.cijferframe {
    overflow-x: auto; 
    overflow-y: none;
}

.resultFlag {
    margin-right: 6px;
}

.blokresultaat { 
    border-top: 1px solid #fff; 
    border-bottom: 1px solid #fff;
}

.isleft { 
    border-left: 2px solid #FA8B06;
    padding-left: 5px;
}
.isNotleft { 
    border-left: 1px solid #EBEBEB;
    padding-left: 5px; 
}
		
.eindresultaat { 
    border-left: 2px solid #ccc; 
    border-top: 1px solid #fff; 
    border-bottom: 1px solid #fff;
    padding-left: 5px; 
}

.courseCode { 
    height: 20px; 
    line-height: 18px; 
    width: 28px;
    border-top: 1px solid #fff; 
    border-bottom: 1px solid #fff;
}

#loading_span {
    padding: 11px;
}