@import url('/css/common.css');

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body
{	
	padding: 0;            
    margin: 0;        
	font-family: arial, helvetica, sans-serif;   
	font-size: 12px;
}
a
{
    color: #006699; 
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
}
a:visited
{
    font-size: 12px;
    color: #006699;
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
}
a:active
{
    font-size: 12px;
    color: #006699;
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
}
a:link
{
    font-size: 12px;
    color: #006699;
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
    cursor: pointer;
}
a.textSmLink:hover
{
    FONT-SIZE: 10px;
    COLOR: #cc0000;
    CURSOR: pointer;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: underline;
}
form
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
}
H2
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    MARGIN-TOP: 12px;
    MARGIN-BOTTOM: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    PADDING-BOTTOM: 5px;
    COLOR: #333333;
    PADDING-TOP: 5px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
    border-bottom: solid #cccccc 1px;
}
H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    COLOR: #333333;
    PADDING-TOP: 2px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none;
}
hr
{
    color: #d5d5d5;
}
img 
{ 
	[if IE 6] BEHAVIOR: url('/controlPanel/includes/iepngfix.htc'); 
	border: 0px;
}
P
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

SELECT
{
    padding-right: 1px;
    margin-top: 0px;
    padding-left: 1px;
    font-size: 11px; 
    font-family: arial, helvetica, sans-serif;
}
body.controlPanel
{
    margin: 0px;
}
body.controlPanelPopup
{
    margin: 3px;
    background-color: #eeeeee;
}
body.content
{
	margin: 0px;
}

div.sectionHeaderTable
{
	border-right: #cccccc 1px solid;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    margin:0px;  
    border-left: #cccccc 1px solid;
    padding-top: 3px;
    border-bottom: #cccccc 1px solid;
    background-color: #ffffff;
}
.sectionHeaderContinue
{
	border-right: #cccccc 1px solid;
    padding-right: 15px;
    padding-left: 15px;
    margin:0px;
    border-left: #cccccc 1px solid;
    background-color: #ffffff;
}

TABLE.sectionedTable
{
    border-right: #cccccc 1px solid;
    padding-right: 3px;
    padding-left: 3px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-left: #cccccc 1px solid;
    width: 100%;
    padding-top: 3px;
    border-bottom: #cccccc 1px solid;
    background-color: #ffffff;
}
TABLE.sectionedTableFilters
{
    border-right: #cccccc 1px solid;
    padding-right: 3px;
    padding-left: 3px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-left: #cccccc 1px solid;
    width: 100%;
    padding-top: 3px;
    border-bottom: #cccccc 1px solid;
}
TABLE.sectionedTable .indent
{
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    background-color: #ffffff;
}
TD
{
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
}
TD.actions
{
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
}
TD.actionEdit
{
    background-position: center 50%;
    background-image: url(/controlpanel/images/actions/actionedit.gif);
    width: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    height: 16px;
	vertical-align:middle;
}
TD.actionDelete
{
    background-position: center 80%;
    background-image: url(/controlpanel/images/actions/actiondelete.gif);
    width: 18px;
    cursor: pointer;
    background-repeat: no-repeat;
    height: 18px;
	vertical-align:middle;
}
TD.actionRemove
{
    background-position: center 50%;
    background-image: url(/controlpanel/images/actions/actionremove.gif);
    width: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    height: 16px;
	vertical-align:middle;
}
TD.counterCell
{
}
TEXTAREA
{
    padding-right: 1px;
    margin-top: 0px;
    padding-left: 1px;
    font-size: 11px;
    margin-bottom: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-family: arial, helvetica, sans-serif;
    overflow:auto;
}
TH
{
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 3px;
    padding-top: 3px;
    font-family: arial, helvetica, sans-serif;
    background-color: #eeeeee;
}

UL
{
    margin-top: 2px;
    margin-bottom: 2px;
}

.alertLayer
{
    LEFT: 25%;
    WIDTH: 50%;
    POSITION: absolute;
    TOP: 15%;
}
.alertLayer INPUT
{
    padding-right: 15px;
    padding-left: 15px;
    font-size: 11px;
    background: #eeeeee;
    margin: 0px;
    color: #333333;
    font-family: arial, helvetica, sans-serif;
}
.alertLayer TABLE
{
    border-right: #cccccc 3px solid;
    padding-right: 10px;
    border-top: #cccccc 3px solid;
    padding-left: 10px;
    font-size: 12px;
    background: #eeeeee;
    padding-bottom: 10px;
    margin: 20px;
    border-left: #cccccc 3px solid;
    color: #333333;
    padding-top: 10px;
    border-bottom: #cccccc 3px solid;
    font-family: arial, helvetica, sans-serif;
}
.alertLayer TH
{
    background: #d5d5d5;
}
.searchButton 
{
	/*width:115px;*/
}
.inactiveButton 
{
	display: inline-block;
	outline: none;
	cursor: pointer;
	padding-bottom:5px;
	font-size: 13px; 
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color:#999999;
	height:24px;
	width:100px;
	-webkit-border-radius: 5px;
	border: solid 1px #CCCCCC;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#DCDCDC));
	background: -moz-linear-gradient(top,  #F5F5F5,  #DCDCDC);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#DCDCDC');
}
.buttonGray
{
    border-right: #999999 1px solid;
    padding-right: 1px;
    border-top: #ffffff 1px solid;
    padding-left: 1px;
    font-size: 12px;
    background: #eeeeee;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #ffffff 1px solid;
    color: #666666;
    cursor: pointer;
    padding-top: 0px;
    border-bottom: #999999 1px solid;
    font-family: arial, helvetica, sans-serif;
    height: 18px;
}
.clearDisplay
{
    border-right: #cccccc 1px solid;
    padding-right: 5px;
    border-top: #cccccc 1px solid;
    padding-left: 5px;
    font-size: 12px;
    padding-bottom: 5px;
    border-left: #cccccc 1px solid;
    color: #333333;
    padding-top: 5px;
    border-bottom: #cccccc 1px solid;
    background-color: #ffffff;
}
.emboss
{
    border-right: #b3bccd 1px solid;
    border-top: #efefef 1px solid;
    font-size: 12px;
    background: #d7d7d7;
    border-left: #efefef 1px solid;
    color: #333333;
    border-bottom: #b3bccd 1px solid;
    font-family: arial, helvetica, sans-serif;
}
.errorEmboss
{
    border-right: #cccccc 1px solid;
    padding-right: 6px;
    border-top: #cccccc 1px solid;
    padding-left: 6px;
    padding-bottom: 6px;
    border-left: #cccccc 1px solid;
    width: 95%;
    padding-top: 6px;
    border-bottom: #cccccc 1px solid;
    background-color: #eeeeee;
}
.errorLayer
{
    left: 10%;
    width: 75%;
    position: absolute;
    top: 25%;
}
.errorLayer INPUT
{
    font-family: arial, helvetica, sans-serif;
	font-size:11px;
}
.errorLayer TABLE
{
    border-right: #cccccc 1px solid;
    padding-right: 10px;
    border-top: #cccccc 1px solid;
    padding-left: 10px;
    font-size: 12px;
    background: #eeeeee;
    padding-bottom: 10px;
    margin: 20px;
    border-left: #cccccc 1px solid;
    color: #cc0000;
    padding-top: 10px;
    border-bottom: #cccccc 1px solid;
    font-family: arial, helvetica, sans-serif;
}
.errorSectionDisplay
{
    border-right: #cccccc 1px solid;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
    padding-bottom: 5px;
    border-left: #cccccc 1px solid;
    color: #cc0000;
    padding-top: 5px;
    background-color: #eeeeee;
}
.formIndent
{
    border-right: #cccccc 1px solid;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    border-left: #cccccc 1px solid;
    padding-top: 12px;
    border-bottom: #cccccc 1px solid;
    background-color: #eeeeee;
}
.formIndent TABLE
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    padding-left: 4px;
    font-size: 12px;
    background: #eeeeee;
    margin: 9px;
    border-left: #cccccc 1px solid;
    color: #333333;
    padding-top: 4px;
    border-bottom: #cccccc 1px solid;
    font-family: arial, helvetica, sans-serif;
}
.formLabelBright
{
    padding-right: 2px;
    font-weight: bold;
    font-size: 12px;
    color: #999999;
    text-align: right;
}
.gridViewHeader
{
    color: #333333; 
	background-color:transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
.gridViewHeader a:hover
{
    color:#006699; 
	background-color:transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
.gridViewHeader a:link
{
    color:#006699; 
	background-color:transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
.gridViewHeader a:visited
{
    color:#006699; 
	background-color:Transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
.gridViewHeader a:active
{
    color:#323f6d; 
	background-color:Transparent;
	border-style:none;
	font-size: 12px;
	height: 1px;
	border:0px;
}
tr.select 
{
    COLOR: #333333;
    BACKGROUND-COLOR: #E3F1D9;
}
.highlight1
{
    color: #333333;
    background-color:blue;
}
.imageLink
{
    cursor: pointer;
    border: none;
}
.indent
{
    border-right: #cccccc 1px solid;
    padding-right: 1px;
    border-top: #cccccc 1px solid;
    font-size: 12px;
    background: #eeeeee;
    padding-bottom: 1px;
    margin-bottom:9px;
    margin-right:9px;
    margin-top:9px;
    border-left: #cccccc 1px solid;
    color: #333333;
    padding-top: 1px;
    border-bottom: #cccccc 1px solid;
    font-family: arial, helvetica, sans-serif;
}
.inputError
{
    padding-right: 1px;
    margin-top: 0px;
    padding-left: 1px;
    font-size: 11px;
    margin-bottom: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-family: arial, helvetica, sans-serif;
    background-color: #eeeeee;
}
.lov
{
	border: solid #cccccc 2px;
	background-color: #eeeeee;	
}
.outline
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
}
.staticInput
{
    padding-right: 1px;
    margin-top: 0px;
    padding-left: 1px;
    font-size: 11px;
    margin-bottom: 2px;
    padding-bottom: 1px;
    padding-top: 1px;
    font-family: arial, helvetica, sans-serif;
    background-color: #ffffff;
}
.subdued
{
    color: #999999;
    background-color: #eeeeee;
}
.textHigh
{
    color: #006699;
}
.textSm
{
    font-size: 10px;
    font-family: arial, helvetica, sans-serif;
    text-decoration:none;
}
.textSmHigh
{
    font-size: 10px;
    color: #666666;
}
.textSmInfo
{
    font-size: 10px;
    color: #666666;
}
.textSmWarning
{
    font-size: 10px;
    color: #cc0000;
}
.textWarning
{
    COLOR: #CC0000;
}
.tzLink 
{ 
	color:#006699; 
	text-decoration:none; 
	border-bottom:1px dotted; 
	font-size:10px; 
	cursor:help;
}
.hide-element 
{
   display:none;		
   position:absolute;
   width:170px;
   background-color: #eeeeee;
   border: #cccccc outset 1px;
}
.show-element 
{
  display:block;		
   position:absolute;
   width:170px;
   background-color: #eeeeee;
   border: #cccccc outset 1px;
}   

.title
{
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
    padding-bottom: 5px;
    color: #333333;
    padding-top: 5px;
    font-family: verdana,arial, verdana, helvetica;
    text-decoration: none;  
}   
.crumb
{
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: normal;
    font-size: 10px;
    padding-bottom: 5px;
    color: #0068ad;
    padding-top: 5px;
    font-family: verdana,arial, verdana, helvetica;
    text-decoration: underline;  
    cursor:pointer;    
} 
.crumbdisabled
{
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 10px;
    margin-bottom: 11px;
    font-weight: bold;
    font-size: 11px;
    padding-bottom: 5px;
    color: #464646;
    padding-top: 5px;
    font-family: verdana,arial, verdana, helvetica;
    text-decoration: none;  
}
td.header
{
	border-bottom: solid #cccccc 1px;
	padding-right: 5px;
	white-space: nowrap;
}
.ldcCPHeaderExit
{
	font-weight: bold;
	color: #0068AD;
}
.ldcUsernameLink
{
	color: #0000FF;
}

#mask {background-color: #BBBBBB;}

#cpHeader
{
	color: #666666;
	font-family: Helvetica;
	font-weight:normal;
	font-size: 20px
}
.sectionHeaderCollapsed
{
}
.bottomSpacing
{
    padding-bottom:12px;
}
.visibility
{   
}
.overflow
{   
}
.gridViewHeaderRowLong
{
    font-size:14px!important;
    font-weight:bold;
    text-align:left;
    Font-family: Helvetica, Arial, Sans-serif;
    Color: #333333;
    Vertical-align:middle;
    
    padding-bottom:0px!important;
    padding-top:0px!important;
    height:30px;
    background:#EBF6FD;
} 
.gridViewHeaderRowLong:hover
{
   background:#b0dcf9;	
   background: -webkit-gradient(linear, left top, left bottom, from(#b0dcf9), to(#ebf6fd));
   background: -moz-linear-gradient(top,  #b0dcf9, #ebf6fd);
   filter:  progid:dximagetransform.microsoft.gradient(startcolorstr='#b0dcf9', endcolorstr='#ebf6fd');
}
.ldcControlPanelInnerDivHeader
{
    border-right: gray 1px solid;
    padding-right: 5px;
    border-top: gray 1px solid;
    padding-left: 5px;
    font-weight: bolder;
    font-size: 12px;
    padding-bottom: 4px;
    border-left: gray 1px solid;
    width: 100%;
    color: black;
    padding-top: 4px;
    border-bottom: gray 1px solid;
    font-family: arial, helvetica, sans-serif;
    background-color: #f0f0f0;
    text-align: left
}
.ControlStyleClass
{
	border-left:solid 1px #FFFFFF;
}
.classSetColumn
{
	font-size:12px;
	font-family:Arial,Helvetica,sans-serif;
	color:#000000;
	text-decoration:none;
	vertical-align:middle;
}
.mandatoryField
{
	color: Red;
}
.displayOn
{
    display: block;
    position:absolute;
}
.displayOff		
{
    display:none;
}
input[type="radio"]
{
	vertical-align:middle;
	padding:0px;
	margin-right:2px;
	margin-left:2px;
}
input[type="checkbox"]
{
	vertical-align:middle;
	padding:0px;
	margin-right:2px;
	margin-left:2px;
}                               
input[type="textarea"]
{
    overflow:auto;
}  
.ldcBreadCrumb
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-size:10px;
    color: #333333;
}
.ldcBreadCrumb A
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-size:10px;
    color: #006699;
}
.detailsTable td
{
    padding-right: 15px;
}
input[type=text]
{
    font-size: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif; 
}


/* --------------------------------------------------*/
/* ---------->>> NOT USED - DEPRECATED <<<-----------*/
/* --------------------------------------------------*/

a.textSmLink
{
    font-size: 10px;
    color: #333333;
    cursor: pointer;
    font-family: arial, helvetica, sans-serif;
    text-decoration: none;
}