﻿/*Set's border, padding and margin to 0 for all values*/
body, html {
color: #000; 
font-family: Verdana, Arial, Tahoma, sans-serif;
background-color: #eee; 
}
body {
font-size: 13px;
}
p {padding: 7px 0 7px 0;}

textarea
{
font-family: Verdana, Arial, Tahoma, sans-serif;
}
a:link { color:#34699E }
a:visited { color:#34699E }
a:hover { color:#29537C } 
a:active { color:#34699E } 

h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
#header a img
{
    border:0px;
    }
.clear { clear: both; }
#mainContainer {
min-height: 300px;
background: #FFFFFF;
}
* html #mainContainer {
height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header {

background: #EFEFEF;
padding: 10px;
border-bottom: solid 1px #333;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
border-left: 0px solid #BBB; /*** This is the width and the color for our left column ***/
border-right: 0px solid #DDD; /*** This is the width and the color for our right column ***/
margin-bottom:-10px;
}
* html .outer {
/*** No need for hacking IE on this layout ***/
}
.inner 
{
    width: 100%; 
}
* html .inner 
{
    /*** No need for hacking IE on this layout ***/
    }
    /*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
    div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
    blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. It blows 
    my mind that all this hacking is being caused by the mighty Gecko engine! (shakes head ruefully)
***/
.float-wrap 
{
    float: left;
    width: 100%;
}
* html .float-wrap 
{
    /*** No need for hacking IE on this layout ***/
}
#content 
{
    float: right;
    background: #fff; /*** Same length as .outer border-left but with negative value ***/
    width: 100%;
    min-height:400px;
}
#contenttext 
{
    padding:10px;
}
* html #content 
{
    position: relative;
}
.contentWrap
{
    padding: 5px;
}
.contentWrap ol, .contentWrap ul 
{
    margin: 3px 0 5px 35px;
}
.contentWrap li 
{
    padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/

/*************************
RIGHT COLUMN
**************************/
#right 
{
    float: right; 
    width: 190px;
    padding: 5px;
    min-height: 250px;
    margin-right: -200px; /** This negative margin-right value is the width of the right column + the padding, in this example 130px. ***/
}
* html #right 
{
    height: 250px;
    position: relative;  /*** IE needs this  ***/
}
#right ul 
{
    list-style: none;
    padding-bottom: 4px;
}
#right li 
{
    padding-bottom: 2px;
}
/**************************
FOOTER
**************************/
#footer 
{
    text-align: center;
    background-color: #676767;
    border-bottom:solid 1px #333;
    border-top:solid 1px #333;
    margin-top:8px;
}

/*******************
***********************
COMMON CONTROLS
******************************************/

table.mytable {border-collapse: collapse;}
table.mytable td {border-spacing:10px; border-bottom: 1px solid #CCC; padding:3px;}

.calendar
{
    font-size:x-small;
    margin-top:5px;
    border:solid 1px #999;
}
.longbox
{
width:350px;
}

.infopanel
{
    background-color:#DFF4DF;
    border:Solid 1px #333;
    padding:10px;
    margin-bottom:10px; 
    margin-top:10px;     
}
.errorpanel
{
    background-color:#F2E7E1;
    border:Solid 1px Red;
    padding:10px;
    margin-bottom:10px; 
    margin-top:10px;     
}
.repeater
{
    margin-top:17px;
    font-size:11px;
    width:100%;
}
.repeater input
{
    font-size:11px;    
}
.repeater table
{
    border-collapse: collapse;
    border-left:Solid 1px #333;
    border-bottom:Solid 1px #333;
    margin-bottom:10px;
}
.repeater th
{
    text-align:left;
    background-color:#898989;
    padding:5px;
    color:White;
    border-right:Solid 1px #333;
}
.repeater td
{
    border-spacing:10px; 
    border-bottom: 1px solid #CCC; 
    border-right:Solid 1px #333;
    padding:2px 5px 2px 5px;
}
.repeater tfoot
{
    background-color:#898989;
    border-right:Solid 1px #333;
}
.repeater tfoot td
{
    border:none;
}
.repeater repeatererrorcell
{
    background-color:Red;
}
.rowOdd
{
    background-color:#EFEFEF;    
}
.rowEven
{
    
    background-color:#DEDEDE;
}
.selectedpanelhead
{
    background-color:#B9D786;
    padding:8px;
    border:Solid 1px #222;
    border-bottom:Solid 2px #222;
    font-weight:bold;
    margin-top:5px;
}
.selectedpanelcontents
{
    background-color:#DEECC6;
    padding:10px 4px 4px 10px;
    border-bottom:Solid 1px #333;
    border-left:Solid 1px #333;
    border-right:Solid 1px #333;
    margin-bottom:5px;
}
.taskpanelhead
{
    background: #91ABE3 url(../../Images/sht.gif) repeat-x;
    padding:8px;
    border:Solid 1px #222;
    border-bottom:Solid 2px #222;
    font-weight:bold;
    margin-top:5px;
}
.taskpanelcontents
{
    background-color:#D8E1F5;
    padding:10px 4px 4px 10px;
    border-bottom:Solid 1px #333;
    border-left:Solid 1px #333;
    border-right:Solid 1px #333;
    margin-bottom:5px;
}
.taskpanelcontents ul
{
    padding:0px;
    margin-left:10px;
    list-style:none;
}
.taskpanelcontents li
{
    padding-bottom:5px;
}
.taskpanelcontents li a:link { color:Black; text-decoration:underline; }
.taskpanelcontents li  a:visited { color:Black; text-decoration:underline; }
.taskpanelcontents li  a:hover { color:Black; text-decoration:underline; }
.taskpanelcontents li  a:active { color:Black; text-decoration:underline; }

#footer a:link { color:White; text-decoration:underline; }
#footer a:visited { color:White; text-decoration:underline; }
#footer a:hover { color:White; text-decoration:underline; }
#footer a:active { color:White; text-decoration:underline; }

.redlink a:link { color:Red; }
.redlink  a:visited { color:Red; }
.redlink  a:hover { color:Red; }
.redlink  a:active { color:Red; }

.innererrorhead
{
    background-color:#CCC;
    padding:8px;
    border:Solid 1px #222;
    border-bottom:Solid 2px #222;
    font-weight:bold;
    margin-top:5px; 
}
.innsererrorcontents
{
    background-color:#EEE;
    padding:10px 4px 4px 10px;
    border-bottom:Solid 1px #333;
    border-left:Solid 1px #333;
    border-right:Solid 1px #333;
    margin-bottom:5px;
}
.sectionhead
{
    background: #CCC url(../../Images/sh.gif) repeat-x;
    background-color:#CCC;
    padding:8px;
    border:Solid 1px #222;
    border-bottom:Solid 2px #222;
    font-weight:bold;
    margin-top:10px;
}
.sectioncontents
{
    background-color:#EEE;
    padding:10px 4px 4px 10px;
    border-bottom:Solid 1px #333;
    border-left:Solid 1px #333;
    border-right:Solid 1px #333;
    margin-bottom:5px;
}
.sectioncontents textarea
{
    font-size:12px;
}
.sectioncontents table
{
    border-collapse: collapse;
}
.sectioncontents table tr td
{
    border-bottom:solid 1px #DEDEDE;
}
.firstcol
{
    width:210px;
}
.validationsummary
{
    border: 2px solid red;
    color: red;
    margin: 5px 0px;
    padding: 15px;
    margin-bottom:10px;
    background: #fff url(../../Images/Template/sadserver.gif) no-repeat 5px 50%;
}
.validationsummary ul
{
    padding-left:50px;
}
.validationheader
{
    margin-left:55px;
    font-weight:bold;
}
.successpanel
{
    background-color:#DFF4DF;
    padding:10px;
    border:1px solid Green;
    margin-bottom:10px;
    
}
.callink
{
    cursor:pointer;
}
.stepmenu
{

}
.stepmenuitem
{
    background-image: url(../../Images/menustep.gif);
    width:173px;
    height:29px;
    margin-right:-14px;
    font-size:11px;
    text-align:center;
    padding-top:15px;  
    margin-bottom:4px; 
    padding-right:9px; 
    font-weight:bold;
    float:left;
}
.stepmenuitemactive
{
    background-image: url(../../Images/menustepactive.gif);
    width:173px;
    font-weight:bold;
    height:29px;
    margin-right:-14px;
    margin-bottom:4px;
    font-size:11px;
    text-align:center;
    padding-top:15px;   
    padding-right:9px; 
    float:left;
}
.fright
{
    float:right;
}
.fleft
{
    float:left;
}
.stepmenuitemactive a:link { color:White; text-decoration:none; }
.stepmenuitemactive a:visited { color:White; text-decoration:none; }
.stepmenuitemactive a:hover { color:White; text-decoration:none; }
.stepmenuitemactive a:active { color:White; text-decoration:none; }

/***********************************
Library Search Results
***********************************/
.libkey
{
    font-size:9px;
    border-collapse: collapse;
    margin-bottom:10px;
    border-left:Solid 1px #AAA;
}
.libkey th
{
    background-color:#333;
    color:White;
    text-align:left;
    padding:5px;
}
.libkey td
{
    border-right:Solid 1px #AAA;
    padding-left:2px;
    border-bottom:Solid  1px White;
}
.searchresults
{
    font-size:11px;
    border-collapse: collapse;
    margin-bottom:10px;
    border-left:Solid 1px #AAA;
}
.searchresults a:link { color:Black; text-decoration:underline; }
.searchresults a:visited { color:Black; text-decoration:underline; }
.searchresults a:hover { color:Black; text-decoration:underline; }
.searchresults a:active { color:Black; text-decoration:underline; }

.searchresults th a:link { color:White; text-decoration:underline; }
.searchresults th a:visited { color:White; text-decoration:underline; }
.searchresults th a:hover { color:White; text-decoration:underline; }
.searchresults th a:active { color:White; text-decoration:underline; }

.searchresults th
{
    background-color:#333;
    border: solid 1px #333;
    color:White;
    text-align:left;
    padding:5px;
}
.searchresults td
{
    border-right:Solid 1px #AAA;
    padding-left:2px;
    border-bottom:Solid  1px White;
}
/***********************************
ITEMROW
***********************************/
.itemrow
{
    font-size:11px;
}
itemrow td input
{
    font-size:11px;
}
.itemrow table
{
    border-collapse: collapse;
    border:Solid 1px #333;
    margin:10px 0px 10px 0px;
}

.itemrowhead
{
    background-color:#666;
    color:White;
    padding:4px;
    font-size:13px;
    font-weight:bold; 
}
.itemrow td
{
    border-spacing:10px;  
    padding:2px 5px 2px 5px;
    font-size:11px;
}
.itemrowright
{
    border-right: 1px solid #CCC;
}
.itemrowleft
{
    border-left: 1px solid #CCC;
}
.ItemrowOdd
{
    background-color:#EFEFEF;    
}
.ItemrowEven
{
    background-color:#CDCDCD;
}
.ItemrowOddBottom
{
    background-color:#EFEFEF;      
}
.ItemrowEvenBottom
{
    background-color:#CDCDCD; 
}

.itemspecifictable
{
    border-bottom:Solid 2px #333;
    margin:0px;
    padding:0px;
}

.itemspecifictable th
{
    border:none;
}
.itemspecifictable td
{
    border:none;
}
.itemrowid
{
    font-weight:bold;
    font-size:15px;
    margin-bottom:10px;
    height:30px;
}    
/***********************************
GRIDVIEW
***********************************/
/*GridViewCSS Soft Grey Style*/
.GridViewStyle
{
    font-family: Arial, Sans-Serif;
    font-size:small;
    table-layout: auto;
    border-collapse: collapse;
    border:#444 1px solid;
}
.GridViewStyle a:link { color:Black; text-decoration:underline; }
.GridViewStyle a:visited { color:Black; text-decoration:underline; }
.GridViewStyle a:hover { color:Black; text-decoration:underline; }
.GridViewStyle a:active { color:Black; text-decoration:underline; }

/*Header and Pager styles*/
.HeaderStyle, .PagerStyle /*Common Styles*/
{
    background-image: url(../../Images/HeaderSoftGrey.jpg);
    background-position:center;
    background-repeat:repeat-x;
    background-color:#1d1d1d;
    text-align:left;
}
.HeaderStyle th
{
    padding: 5px;
    color: #ffffff;
}
.HeaderStyle a
{
    text-decoration:underline;
    color:#ffffff;
    display:block;
    text-align:left;
    font-weight:bold;
}
.PagerStyle table
{
    text-align:center;
    margin:auto;
}
.PagerStyle table td
{
    border:0px;
    padding:5px;
}
.PagerStyle td
{
    border-top: #1d1d1d 1px solid;
}
.PagerStyle a
{
    color:#ffffff;
    text-decoration:none;
    padding:2px 3px 2px 3px;
}
.PagerStyle span
{
    font-weight:bold;
    color:#FFFFFF;
    text-decoration:none;
    padding:2px 10px 2px 10px;
}
/*RowStyles*/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px #1d1d1d;
}
.RowStyle td
{
    background-color: #c9c9c9;
}
.AltRowStyle td
{
    background-color: #f0f0f0;
}
.SelectedRowStyle td
{
    background-color: #ffff66;
}
/*Newsfeed*/
.newsfeedhead
{
    background: black url(../../Images/glossyback.gif) repeat-x bottom left;
    color:White;
    border-left: 1px solid #9A9A9A;
    border-right: 1px solid #9A9A9A;
    border-top: 1px solid #9A9A9A;
    padding: 4px;
}
.newsfeedfoot
{
    background: black url(../../Images/glossyback.gif) repeat-x bottom left;
    color:White;
    border-left: 1px solid #9A9A9A;
    border-right: 1px solid #9A9A9A;
    border-bottom: 1px solid #9A9A9A;
    padding: 4px;
    font-size:11px;
}
.nfrss
{
    width:20px;
    height:20px;
    background: black url(../../Images/rss_icon.gif) repeat-x bottom left;
}
.newsfeedfoot a:link { color:White; text-decoration:underline; }
.newsfeedfoot a:visited { color:White; text-decoration:underline; }
.newsfeedfoot a:hover { color:White; text-decoration:underline; }
.newsfeedfoot a:active { color:White; text-decoration:underline; }

.newsfeedcontent
{
    border: 1px solid #9A9A9A;
    padding: 4px;
    font-size:11px;
}
.newsfeedcontent table
{
    border-collapse: collapse;
}
.newsItemrowOddBottom
{
    background-color:#EFEFEF;      
}
.newsItemrowOddBottom td
{
    border-bottom:solid 1px #AAA;      
}
.newsItemrowEvenBottom
{
    background-color:#FFFFFF; 
}
.newsItemrowEvenBottom td
{
    border-bottom:solid 1px #999;      
}
.newsheading
{
    font-weight:bold;
    background-color:#BBB;
    padding:2px 0px 2px 2px;
    color:#333;
    border-bottom:solid 1px #333;
}
/*GLOSSY MENU*/
.glossymenu{
margin: 5px 0;
padding: 0;
width: 153px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(../../Images/glossyback.gif) repeat-x bottom left;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: white;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../../Images/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #CCC;
}

.glossymenu div.submenu ul li a{
display: block;
font-size:11px;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color: white;
}
/*File treeview*/
.nodeitem
{
    font-size:10px;
    float:left;
}
/*Library Status*/
.lstatusin
{
    background-image: url(../../Images/checkedin.jpg);
    width:76px;
    height:26px;
    
}
.lstatusout
{
    background-image: url(../../Images/Status/checkedout.jpg);
    background-color:#0099FF;
}
.lstatusonhold
{
    background-image: url(../../Images/Status/onhold.jpg);
    background-color:#FFFF00;
}

.lstatusfailedqc
{
    background-image: url(../../Images/Status/failedqc.jpg);
    background-color:#9967FE;
}
.lstatusdumped
{
    background-image: url(../../Images/Status/dumped.jpg);
    background-color:#FF6666;
}
/*ALERT CONTROL*/
.alert
{
    background-color:#DAC6C6;
    color:Black;
    border-left: Solid 1px Red;
    border-bottom: Solid 1px Red;
    border-right: Solid 1px Red;
    padding:8px;
    margin-bottom:10px;
}
.alerthead
{
    border:solid 1px Red;
    font-weight:bold;
    background-color:#B21D1D;
    padding:8px;
    color:White;
}

/* ajax__tab_xp-theme theme */
.ajax__tab_default .ajax__tab_header 
{
	font-size:12px;
	font-weight:bold;
	color:#000;
    font-family:sans-serif;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_outer,
.ajax__tab_default .ajax__tab_header .ajax__tab_outer,
.ajax__tab_default .ajax__tab_hover .ajax__tab_outer
{
    height:46px;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_inner,
.ajax__tab_default .ajax__tab_header .ajax__tab_inner,
.ajax__tab_default .ajax__tab_hover .ajax__tab_inner
{
    height:46px;
    margin-left:16px; /* offset the width of the left image */
}
.ajax__tab_default .ajax__tab_active .ajax__tab_tab,
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_header .ajax__tab_tab
{
	margin:16px 16px 0px 0px;
}
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_active .ajax__tab_tab 
{
	color:#fff;
}

.ajax__tab_default .ajax__tab_body 
{
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:#EEE;
    
}
.blue .ajax__tab_header 
{
    background:url(../../images/blue_bg.gif) repeat-x;
}
.blue .ajax__tab_hover .ajax__tab_outer,
.blue .ajax__tab_active .ajax__tab_outer 
{
    background:url(../../images/blue_left.gif) no-repeat left top;
}
.blue .ajax__tab_hover .ajax__tab_inner,
.blue .ajax__tab_active .ajax__tab_inner 
{
    background:url(../../images/blue_right.gif) no-repeat right top;
}

.luldda
{
    float:left;
    z-index:0;
}
.luldd
{
    float:left;
    left:-200px;
    position:relative;
    z-index:1;
}
.optiontable tr td
{
    padding-bottom:5px;
    border-bottom:#DDD 1px solid;
    padding-right:30px;
}

.bottomrow
{
    background-color:#C1D9FA;
    padding:10px;
    border:Solid 1px #333;
    margin-top:5px;
}
.reportviewer
{
    border:solid 1px Black;
}
.attacheditem
{
    padding-left:2px;
    padding-right:2px;
}
.rpArrows
{
    width:60px;
}
.collapsePanel {
    height:0px;
    background-color:#DFF4DF;
    overflow:hidden; 
    font-size:11px;   
    padding:3px; 
}
 
.collapsePanelHeader{        
    height:20px;
    background-color: #C5EBC5;
    font-weight:bold;
    float:none;
    padding:3px; 
    border-top:solid 1px #BBB;
    border-bottom:solid 1px #BBB;
    cursor: pointer; 
    vertical-align: middle;
}
.mt10
{
    margin-top:10px;
}
.editshead
{
    background: #BDBDD2 url(../../Images/shedit.gif) repeat-x;
    border:1px solid #222;
    padding:8px;
    font-weight:bold;
}
.editscontents
{
    background-color:#D8D8F1;
    border:1px solid #222;
    padding:8px;
}
.repeateredits table th
{
    text-align:left;
    border-bottom:solid 1px #222;
} 
.repeateredits table td
{
    font-size:10px;
}
.collapsePanelemail {
    height:0px;
    background-color:#DFF4DF;
    overflow:hidden; 
    padding:3px; 
    margin-bottom:10px;
}
 
.collapsePanelHeaderemail{        
    height:20px;
    background-color: #C5EBC5;
    font-weight:bold;
    float:none;
    padding:3px; 
    border-top:solid 1px #BBB;
    border-bottom:solid 1px #BBB;
    cursor: pointer; 
    vertical-align: middle;
}
.autocompleteemail
{
border: 1px solid DarkGray;
list-style-type: none;
padding:0px;
margin-top:0px;
margin: 0px;
width:350px;
background-color: #FFF;
text-align: left;
font-size:small;
vertical-align:middle;
color: black;
}
.autocompleteemailhighlighted
{
    background-color: #CCC;
    text-decoration:underline;
}
.autocompleteemailitem
{
    color: #000;
}
#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000; 
}
#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
    padding:10px; 
    width:14%; 
    z-index:1001; 
    background-color:#fff;
    text-align:center;
    border:solid 1px #000;
}
.adminpanelhead
{
    background-color:#FF632F;
    padding:8px;
    border:Solid 1px #222;
    border-bottom:Solid 2px #222;
    font-weight:bold;
    margin-top:5px;
}
.adminpanelcontents
{
    background-color:#EFEFEF;
    padding:10px 4px 4px 10px;
    border-bottom:Solid 1px #333;
    border-left:Solid 1px #333;
    border-right:Solid 1px #333;
    margin-bottom:5px;
}
.adminpanelcontents ul
{
    padding:0px;
    margin-left:10px;
    list-style:none;
}
.adminpanelcontents li
{
    padding-bottom:5px;
}
.adminpanelcontents li a:link { color:Black; text-decoration:underline; }
.adminpanelcontents li  a:visited { color:Black; text-decoration:underline; }
.adminpanelcontents li  a:hover { color:Black; text-decoration:underline; }
.adminpanelcontents li  a:active { color:Black; text-decoration:underline; }

.logoutmenu
{
    color:Red;
    font-weight:bold;
}
.watermarktext
{
    color:#ABABAB;
}
.warningpanelhead
{
    background: #FFFF93 url(../../Images/warningbg.jpg) no-repeat;
    padding:8px;
    padding-left:50px;
    padding-bottom:15px;
    border:Solid 1px #222;
    border-bottom:Solid 2px #222;
    font-weight:bold;
    margin-top:5px;
}
.warningpanelcontents
{
    background-color:#FFFFD7;
    padding:10px 4px 4px 10px;
    border-bottom:Solid 1px #333;
    border-left:Solid 1px #333;
    border-right:Solid 1px #333;
    margin-bottom:5px;
}
.widecell
{
    width:350px;
}
.logout
{
    background: #333 url(../../Images/lgbg.gif) no-repeat;
    float:right;
    padding-left:25px;
    padding-right:13px;
    padding-bottom:9px;
} 

.logout a:link { color:White; text-decoration:underline; }
.logout  a:visited { color:White; text-decoration:underline; }
.logout  a:hover { color:White; text-decoration:underline; }
.logout  a:active { color:White; text-decoration:underline; }

.printpanel
{
    background: #DFF59A url(../../Images/printer.gif) no-repeat;
    padding:10px;
    padding-left:35px;
    border:solid 1px #333;
}
.printpanel a:link { color:#333; text-decoration:underline; }
.printpanel  a:visited { color:#333; text-decoration:underline; }
.printpanel  a:hover { color:#333; text-decoration:underline; }
.printpanel  a:active { color:#333; text-decoration:underline; }

.itememailedhead
{
    background: #CCC url(../../Images/email.gif) no-repeat;
    padding:8px;
    border:Solid 1px #222;
    padding-left:30px;
    border-bottom:Solid 2px #222;
    font-weight:bold;
    color:#333;
    margin-top:5px;
}
.itememailedcontents
{
    background-color:#EFEFEF;
    padding:10px 4px 4px 10px;
    border-bottom:Solid 1px #333;
    border-left:Solid 1px #333;
    border-right:Solid 1px #333;
    margin-bottom:5px;
}
.existinghead
{
    background: #D3EDB8 url(../../Images/shex.gif) repeat-x;
    padding:8px;
    border:Solid 1px #222;
    border-bottom:Solid 2px #222;
    font-weight:bold;
    margin-top:5px;
}
.existingcontents
{
    background-color:#F2FAEB;
    padding:10px 4px 4px 10px;
    border-bottom:Solid 1px #333;
    border-left:Solid 1px #333;
    border-right:Solid 1px #333;
    margin-bottom:5px;
}
.tpinnerheading
{
    background-color:#CDCDCD;
    border-bottom:solid 1px #333;
    font-weight:bold;
    margin-bottom:3px;
    padding:4px;
}
.nonbreakcellb
{
    white-space: nowrap;
}
.nonbreakcellb
{
    white-space: nowrap;
    width:55px;
}
.invoicelinelefttop
{
    background-color:#333;
    padding:3px;
    color:White;
    width:99%;
}
.invoicelineleft
{
    padding:3px;
    float:left;
    width:54%;
    border-right:solid 1px #333;
}
.invoicelinerighttop
{
    background-color:#333;
    padding:3px;
    color:White;
    width:99%;
}
.invoicelineright
{
    padding:3px;
    float:right;
    width:43%;
}
.invoicelinehead
{
    font-weight:bold;
}
.invqtyrp
{
    width:55px;
}
.invexpand
{
    width:25px;
}
.invqtydel
{
    width:25px;
}
.insertednominals
{
    font-size:smaller;
    background-color:#CDCDCD;
    border-top:solid 1px #999;
    border-bottom:solid 1px #999;
}

.insertednominalsnew
{
    font-size:smaller;
    background-color:#8DA9EB;
    border-top:solid 1px #999;
    border-bottom:solid 1px #999;
}
.insertednominalsnew table
{
    margin-left:60px;
}
.insertednominals select
{
}
.insertednominals input
{
}
.insertednominals table
{
    margin-left:60px;
}
.rpInvoiceHead
{
    background-color:#333; 
    color:White;
    margin-top:7px;  
    margin-bottom:5px; 
}
.libwarninghead
{
    background: #FFFF93 url(../../Images/warningbg.jpg) no-repeat;
    padding:8px;
    padding-left:50px;
    padding-bottom:15px;
    border:Solid 1px #222;
    border-bottom:Solid 2px #222;
    font-weight:bold;
    margin-top:5px;
}
.libwarning
{
    background-color:#FFFFD7;
    padding:10px 4px 4px 10px;
    border-bottom:Solid 1px #333;
    border-left:Solid 1px #333;
    border-right:Solid 1px #333;
    margin-bottom:5px;
}
.loginholder

    {
        width: 80%;
    background-color:#FFFFFF;
    margin-top: 50px;
    margin-bottom: 50px;
    text-align:left;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: thin solid #000000;
}
.loginbox
{
    background: #FFFFFF url(../../Images/logo.jpg) no-repeat;
    background-position:top;
    border:solid 1px #555;
    width:350px;
}
.loginform
{
    margin-left:50px;
    margin-bottom:30px;
    margin-top:150px;
    width:350px;
}
*
 {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
#loginouter{
height:100%;
width:100%;
display:table;
vertical-align:middle;
}
#logincontainer {
position:relative;
vertical-align:middle;
display:table-cell;
height: 350px;
} 
#logininner {
width: 350px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
}
.validationsummarylogin
{
    border: 2px solid red;
    width:215px;
    color: red;
    margin: 5px 0px;
    padding: 15px;
    margin-bottom:10px;
    background: #fff url(../../Images/sadserverlogin.gif) no-repeat 5px 50%;
}
.validationsummarylogin ul
{
    padding-left:50px;
}

.validationheaderlogin
{
    margin-left:40px;
    font-weight:bold;
}
.taskpanelheadlight
{
    background: #A7BCE9 url(../../Images/shtl.gif) repeat-x;
    padding:8px;
    border:Solid 1px #222;
    border-bottom:Solid 2px #222;
    font-weight:bold;
    margin-top:5px;
}
.taskpanelcontentslight
{
    background-color:#D8E1F5;
    padding:10px 4px 4px 10px;
    border-bottom:Solid 1px #333;
    border-left:Solid 1px #333;
    border-right:Solid 1px #333;
    margin-bottom:5px;
}
.w16 
{
    width:16px;
}
.w101
{
    width:101px;
}
.w80
{
    width:101px;
}
.minicol
{
    width:70px;
}
.cautionhead
{
    background-color:#CCC;
    padding:8px;
    border:Solid 1px #222;
    border-bottom:Solid 2px #222;
    font-weight:bold;
    margin-top:5px; 
}
.cautioncontents
{
    background-color:#EEE;
    padding:10px 4px 4px 10px;
    border-bottom:Solid 1px #333;
    border-left:Solid 1px #333;
    border-right:Solid 1px #333;
    margin-bottom:5px;
}
/*MENU*/
.slidetabsmenu{
float:left;
width:100%;
font-size: 12px;
line-height:normal;
border-bottom: 1px solid gray;
}

* html .slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 1em;
}

.slidetabsmenu ul{
list-style-type: none;
margin:0;
padding:0;
}

.slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

.slidetabsmenu a{
float:left;
background:url(../../Images/slide-left.gif) no-repeat left top;
margin:0;
margin-right: 5px;
padding:0 0 0 9px;
text-decoration:none;
}

.slidetabsmenu a span {
float:left;
display:block;
background:url(../../Images/slide-right.gif) no-repeat right top;
padding:2px 13px 2px 4px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
color: black;
}

.slidetabsmenu a:hover, .slidetabsmenu li.selected a{
background-position:0% -125px;
}

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
background-position:100% -125px;
}

html>/**/body .IEonlybr{ /*None IE browsers hack*/
display: none; /*Hide BR tag in non IE browsers, since it's not needed*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_c{
position:absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_c a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv_c a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_c a:hover{ /*THEME CHANGE HERE*/
background-color: #eaeaea;
}
.libfiletitle
{
    border:Solid 1px #333;
    border-bottom:solid 1px #FFF;
    padding:5px;
    color:Black;
    background: #E5E5E5 url(../../Images/libtitle.gif) repeat-x;
}
.libfiletitle a
{
    margin-right:10px;
}
.libfiledetails
{
    color:#333;    
}
.libfiledetails th
{
    background-color:#CCC;
    color:#333;
    text-align:left;
    padding:5px;
}
.libfiledetails td
{
    border-right:Solid 1px #AAA;
    padding-left:2px;
    border-bottom:Solid  1px #AAA;
    font-size:smaller;
}
.libtitletext
{
    padding-left:10px;
    padding-bottom:4px;
}
.filerepeater
{
    width:100%;
    border:solid 1px #555;
    border-bottom:none;
}    
.filerepeater th
{
    text-align:left;
    padding:6px;
    border-bottom:solid 1px #222;
    background-color:#888;
}    
.filerepeater td
{
    background-color:#CCC;
    text-align:left;
    border-bottom:solid 1px #999;
    padding-left:5px;
    padding-top:5px;   
}
.lvView td
{
     border:none;
     color:Black;
}
.w25
{
    width:75px;
}
.hidden {
	display : none;
}
.smpreview
{
    padding-left:5px;
    }