html 
{
	font-family: Verdana, Arial, MS Sans Serif;
	font-size: x-small;
}


/* ----------------------------------------------------------------- Background for workarea */
table{
    border: 1px;
    
}
a
{
	color: Black;
	text-decoration: none;
}

a:hover
{
	color: blue;
	text-decoration: underline;
}

a:visited
{
	color:Black;
}

input[type="image"] {
    cursor: pointer;
}

input[type="text"] {
    font-size: 1.2em;
}

.UI-Font-Override{
    font-size: 1.0em;
}

select {
    font-size: 1.2em;
}

.cssLine
{
	margin-bottom: 9px;
	height: 6px;
	border-bottom: solid 1px #888888; 
}

.cssBorderBox
{
	border: solid 1px #888888; 
}

.cssLinkButton
{
	color: blue;
}

.cssLinkButton:hover
{
	text-decoration: underline;
}

.cssCanvas
{
	background-color: #dcdcdc;
}

.cssText
{
	background-color: #f5f5f5;
	border-bottom: solid 2px #dcdcdc;
	/*font-size: x-small;*/
}

.cssAboutHeader
{
    font-family: Arial, MS Sans Serif, Helvetica;
    font-size: medium;
    text-align: left;
    vertical-align: top;
    text-align:center;
}

.cssButtonText
{
	font-family: Arial, MS Sans Serif;
	font-size: x-small;
    width: 100px;
}

.cssWideButton
{
    width: 120px;
    /*font-family: Verdana, Arial, MS Sans Serif;*/
    /*font-size: x-small;*/
}

.cssVeryWideButton
{
    width: 240px;
    /*font-family: Verdana, Arial, MS Sans Serif;*/
    /*font-size: x-small;*/
}

.cssSmallCaps
{
	font-variant:small-caps;
	padding-top:10px;
}

.cssSubPageHeader
{
	border-color: Black;
	border-width: 1px;
	border-style:solid;
	border-top-color:Gray;
	border-left-color:Gray;
	border-right-color:#dcdcdc;
	border-bottom-color:#dcdcdc;
	background-color: #f5f5f5;
	color: Black; 
	font-variant:small-caps;
	font-weight:bold;
	padding-top:4px;
	padding-bottom:4px;
}

.cssErrorText
{
	color:Red;
	font-weight:bold;
}

.cssHeaderText
{
    color: black;
    font-weight: bold;
    background-color: #E9E9E9;
    height: 20px;
    vertical-align: middle;
}

.cssHeaderTextLink
{
    color: blue;
    font-weight: bold;
    background-color: white;
    height: 20px;
    vertical-align:middle;
}

.cssSearchArea
{
    background: #f0f0f0;
    padding: 4px;
}

.cssNoWrap
{
    text-wrap:none;
}

.cssPaper
{
    background-color: white;
    text-align:left;
    font-size:medium;
}

.cssRed{
    color: red;
}
.cssBlue{
    color: blue;
}
.cssBrown{
    color: brown;
}
.cssCenter{
    text-align: center;
}

pre
{
    font-size:medium;
}

/* match all multiline textboxes (IE 7+ for the attribute selector) */
TEXTAREA
{
	font-family: Verdana, Arial, MS Sans Serif;
	font-size: x-small;
    overflow: auto;
}

.cssIconButtonArea {
    display: inline;
}

    .cssIconButtonArea img
    {
        cursor: pointer;
        padding-left: 3px;
    }

.cssCharCounter
{
	color:Gray;
    text-align:right; 
    display:inline; 
    float:right;
    font-size: .9em;             
}

.cssMinWidthAutoCTypeB {
    min-width:108px;
}

/* ----------------------------------------------------------------- AutoComplete Extender*/

.cssAutoCompleteExtender_CompletionList 
{
    overflow: auto;
    visibility: hidden;
    margin: 0px;
    padding: 0px;
    background-color: inherit;
    color: WindowText;
    border: buttonshadow;
    border-style: solid;
    border-width: 0px;
    cursor: default;
    text-align: left;
    list-style-type: none;
    font-weight: normal;
    font-family: Verdana;
    font-size: 10px;
}
 
 .cssAutoCompleteExtender_CompletionListItem
{
    background-color: #F5F5F5;
    color: Blue;
    padding: 1px;
    height: 10pt;
}
 
 .cssAutoCompleteExtender_HighlightedItem
 {
    background-color: Window;
    color: WindowText;
    padding: 1px;
    height: 10pt;
    font-weight: bold;
 }
 
/* ----------------------------------------------------------------- Header/Banner area */
.cssHeaderArea
{
	background-color: #708090; 
}

.cssMenuCellSelected
{
    border-bottom: none;
	background-color:#dcdcdc;
	font-weight:bold;
}

/* ----------------------------------------------------------------- Vertical menu styles */
.cssVertMenuCell
{
	border-color: Black;
	border-width: 1px;
	border-style:solid;
	background-color: #f5f5f5;
	color: Black;
	height:20px;
	text-align: center;
	padding-left: 2px;
	padding-right: 2px;
}

.cssVertMenuCellSelected
{
	border-top-color:Black;
	border-left-color:Black;
	border-right-color:#dcdcdc;
	border-bottom-color:#dcdcdc;
	border-width:1px;
	background-color:#dcdcdc; 
	font-weight:bolder;
}

.cssVertMenuCellHover
{
	background-color: #b0c4de;
	color:  Black;
	text-decoration: none;
}


/* ----------------------------------------------------------------- Sub menu styles */
.cssSubMenuCell
{
	padding:0;
}
.cssSubMenuCell
{
	border-color: #d0d0d0;
	border-width: 1px;
	border-style:solid; 
	background-color: #e2e2e2;
	height:25px; 
	width: 120px;
	text-align: center;
	padding:0;
	
}

.cssSubMenuCellSelected
{
	border-top-color:#d0d0d0;
	border-left-color:#d0d0d0;
	border-right-color:#d0d0d0;
	border-bottom-color:#f0f0f0; 
	border-width:1px;
	background-color:#f0f0f0;
	font-weight:bold;
}

.cssSubMenuCellHover
{
	text-decoration: none;
	background-color: #b0c4de;
}


/* ----------------------------------------------------------------- GridView Styles */
.cssGW
{
	text-align:left;
}

.cssGWRowAutoC
{
	background-color: #f6f6f6;
	height: 20px;
}

.cssGWRow
{
	background-color: white;
	height: 20px;
}


.cssGWCell
{
	height: 20px;
	padding-left: 3px;
	padding-right: 3px;
    border-bottom: 1px solid #cccccc;
}

.cssGWCellCode
{
	height: 20px;
	padding-left: 3px;
	padding-right: 3px;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
}



.cssGWAltRow
{
	background-color: white;
	height: 20px;
}

.cssGWSelectedRow
{
    height: 20px;
    background-color: lightyellow;
}

.cssGWSelectedRowGreen
{
    height:20px;
    background-color: #dcf3db;
}

.cssGWHooverRow
{
	background-color: #ffffe0;
	height: 20px;
}

.cssGWHooverRowSelected
{
	background-color: yellow;
	height: 20px;
}

.cssGWHeader
{
	padding-left: 3px;
	padding-right: 3px;
    height:20px;
    color: Black;
    BACKGROUND-COLOR: #b0c4de;
    border-bottom: 1px solid #eeeeee;
}

.cssGWHeaderLight
{
    height:20px;
    color: Black;
    background-color: #eaf0f6;
}

.cssGWPager
{
    background-color: #b0c4de;
}


.cssTableCell
{
    padding-left: 3px;
    padding-right: 3px;
    border-bottom: 1px solid #cccccc;
    vertical-align: middle;
}

.icfDomainRow
{
	background-color: #dcdcdc;
	text-align: left;
	font-size: larger;
	font-weight: bold;
}

.icfChapterRow
{
	font-weight: bold;
}

.icfCodeRow
{
	vertical-align: top;
	font-weight: normal;
}

.icfBoldCell
{
	font-weight: bold;
}

div.noshow
{
	display:none;
}



/* tooltip styling */
.tooltip
{
    display: none;
    background-color: #f6f6f6;
    color: #606060;
    border: 2px solid #606060;
    padding: 2px;
    font-size:1.0em;
    max-width: 500px;
}

    .tooltip .ttSubHeader{
        background-color: #708090;
        color: #ffffff;
        font-size:1.1em;
    }
    .tooltip td{
        vertical-align: top;
    }
    .tooltip .ttLeftIndent {
        padding-left:20px;
    }

/* end tooltip styling */

/* Start jQuery Hover Popup */
#divViewCodeCart
{
    float:right;  
    padding-top:5px; 
    padding-bottom:4px; 
    padding-right:4px; 
    padding-left:4px; 
    display:inline; 
    border-right: 0;
}

#divViewCodeCart:hover
{
    background-color: #dcdcdc;
}
/* End jQuery Hover Popup */

/* Start jQuery Toggle Div */
.toggleHeader
{
    margin: 0;
    cursor: pointer;
    position: relative;
    text-decoration: underline;
    text-align:right;
    color: blue;

}
.toggleContent
{
    display: none;
    margin-top: 4px;
    margin-bottom: 4px;
}
/* End jQuery Toggle Div */

/* Start drgInput dialog*/
.drgInput
{
    display: none;
    background-color: #f6f6f6;
    color: #606060;
    border: 2px solid #606060;
    padding: 2px;
    font-size:1.0em;
    max-width: 800px;
    margin-left:1px;
    position:absolute;
}
.drgInput td
{
    vertical-align:middle;
    padding:4px;
}
/*.drgInput input, .drgInput  select
{
    font-size:x-small;
}*/
/* End drgInput dialog*/

@media print
{
    div.noprint{display:none;}
}