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


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

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

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

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

table#pr_porlet {
	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#headercolumns {
    
}

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

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

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

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

td.blockdata {
    border-left: 1px solid #52BDF5;
    border-right: 1px solid #52BDF5;
    border-bottom: 1px solid #52BDF5;
}

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.datalabel {
	width: 100px;
}

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;
}

/* 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;
}