/* 
Document   : ASIGRA Televaulting Web Portal Default CSS document
Created on : October 1, 2005, 10:16 AM    
Description:
Generic ASIGRA Televaulting L&F stylesheet            
*/


/* General page style. */
body{
    background-color:  #003399;
}

a {
    cursor: pointer;
}

a:link,a:active,a:visited{ 
    color:           #003399; 
    text-decoration: none; 
}
a:hover { 
    text-decoration: none; 
    color:           #FF0000;
}


/* The scroll bar colours - only applicable to IE5.5+  */
body {
    scrollbar-face-color:       #DEE3E7;
    scrollbar-highlight-color:  #FFFFFF;
    scrollbar-shadow-color:     #DEE3E7;
    scrollbar-3dlight-color:    #D1D7DC;
    scrollbar-arrow-color:      #006699;
    scrollbar-track-color:      #EFEFEF;
    scrollbar-darkshadow-color: #98AAB1;
}

/* Individual items styles */
TD.tree {
    border :     0px;
    height:     19px;
    font-size:   9pt;
}

/* General font families for common tags */
font { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
}

p, td { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size : 9pt;
    color : #000000; 
}
td.row0         { background-color: #EDEFF2; }
td.row1         { background-color: #E0E4E7; }
td.rowcategory  { background-color: #4F7BFF;            }
td.yellow0	{ background-color: #FFEAC3;            }
td.yellow1	{ background-color: #FFCF75;            }
td.log0         { background-color: #EDEFF2; height: 20; }
td.log1         { background-color: #E0E4E7; height: 20; }
td.rowinactiv	{ background-color: #DEDED6; color: #8A8A8A;}


td.acc0	{ background-color: #F8F8F8;}
td.acc1	{ background-color: #EAEAFF;}

td.row0th {
    background-color:  #003399; 
    font-style: normal; 
    font-weight: bold; 
    font-size: 9pt; 
    color: #EDEFF2; 
    text-align: center;
}
td.row1th {
    background-color:  #003399; 
    font-style: normal; 
    text-align: center; 
    font-weight: bold; 
    font-size: 9pt; 
    color: #E0E4E7;
}

/* This is the border line & background colour round the entire page */
.bodyline { 
    background-color: #FFFFFF;
    border: 1px #003399 solid; 
}

.bodycolor {
    background-color: #FFFFFF;
}

/* Header cells */
td.th	{
    color: #FFA34F; 
    font-size: 9pt; 
    font-weight : bold;
    background-color: #99B0E5; 
    height: 20px;
}

.hat  {
    color: #000000; 
    font-size: 10pt; 
    height: 20px;
    background-color: #E0E4E7; 
    
    border: 2px #003399; 
    border-style: solid; 	
}



/* This is the outline round the main tables */
.tableline { 
    background-color: #FFFFFF; 
    border: 2px #003399 solid; 
}
.tableline1 {  
    border: 2px #003399 solid; 
}

/* Header cells - the blue and silver gradient backgrounds */
th {
    color: #DD9900;   
    font-weight : bold;
    font-size: 9pt;
    background-color: #003399;
    height: 20px;
}
th.thHead, th.thHeadR, th.thHeadL, th.thHeadAll	, th.thHeadAllx  {
    font-size: 9pt; 
    border: #FFFFFF; 	
}


td.thHeadAll { 
    font-size: 9pt; 
    font-weight : bold;
    background-color: #003399;
    color: #FFA34F;
}

td.thHeadAllx { 
    font-size: 9pt; 
    font-weight : bold;
    background-color: #003399;
    color: #FFA34F;
}

th.thHead    { 
    border-width: 1px 0px 0px 0px;     
}
th.thHeadR   { 
    border-width: 1px 1px 0px 0px; 
}
th.thHeadL   { 
    border-width: 1px 0px 0px 1px; 
}
th.thHeadAll { 
    border-width: 1px 1px 0px 1px; 
}

.warning {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    font-style: italic;
    color : #FF0000;
}

.warning1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
    color : #FF0000;
    background-color: #ffffff; 
}

.success1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    font-style: italic;
    color : #228B22;
    background-color: #ffffff; 
}


.confirm{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    font-style: italic;
    color : #228B22;
    background-color: #ffffff; 
}

.ulList{
    list-style-image: url(../images/dot.gif);
    list-style-position: outside;	
}

.formline{
    border: 2px #003399 solid;	
}


a.thHead:link,a.thHead:active,a.thHead:visited{ 
    color : #DD9900; 
    text-decoration: none; 
}
a.thHead:hover{ 
    text-decoration: none; 
    color :          #FF0000;
}
a.navigator:link,a.navigator:active,a.navigator:visited{
    color : #DD9900; 
    text-decoration: none; 
    font-weight: bolder;
}
a.navigator:hover{ 
    text-decoration: none; 
    color : #FF0000; 
    font-weight: bolder;
}

td.button1     {
    background-image: url(blank1a.gif); 
    font-weight: bolder; 
    text-align: center; 
    font-size: 9pt; 
    vertical-align: middle; 
    font-family: Verdana, Arial, Helvetica, sans-serif;  
    height: 25; 
    width: 112
}

a.button2:hover{
    background-image: url(blank2a.gif); 
    font-weight: bolder; 
    text-align: center; 
    font-size: 9pt; 
    vertical-align: middle; 
    font-family: Verdana, Arial, Helvetica, sans-serif;  
    height: 25; 
    width: 112;
}

td.button3 {
    background-image: url(btn.gif); 
    font-weight: bolder; 
    text-align: center; 
    font-size: 9pt; 
    vertical-align: middle; 
    font-family: Verdana, Arial, Helvetica, sans-serif;  
    height: 15; 
    width: 112;
}
td.buttonx {background-image: url(btn22.gif); background-width: 100%; font-weight: bolder; text-align: center; font-size: 9pt; vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif; }
td.buttony {background-image: url(btn22.gif); font-weight: bolder; text-align: center; font-size: 9pt; vertical-align: middle; font-family: Verdana, Arial, Helvetica, sans-serif;  height: 15; width: 102}


/*tabs*/
.tabdark    {
    background:     #a3aab0; 
}
.tabwhite   {
    background:     #FFF000; 
    white-space:    nowrap; 
}
.tabimage1  {
    background-image:   url("../images/tabimage1.gif"); 
    white-space:        nowrap; 
}
.tabimage2  {
    background-image:   url("../images/tabimage2.gif"); 
}

.asigrabutton{
    cursor:pointer;
}

/* Fancy form styles for IE */
p, td { 
    margin-left: 4px;
    margin-right: 4px;
}

input, textarea, select {
    border-top-width    : 1px; 
    border-right-width  : 1px; 
    border-bottom-width : 1px; 
    border-left-width   : 1px;  
}

input { 
    text-indent : 2px; 
}

input.button {
    border-top-width : 1px; 
    border-right-width : 1px; 
    border-bottom-width : 1px; 
    border-left-width : 1px;  
}

.postbody { 
    line-height: 18px
}

.yui-skin-sam .yuimenuitem a.yuimenuitem-selected:visited{    
    background-color: #5E87D8;
    color: #FFFFFF;
} 

.yui-skin-sam .yuimenuitem a.yuimenuitemlabel-selected:visited {     
    color: #FFFFFF;
}

.yui-skin-sam .yuimenubarnav a.yuimenubaritemlabel-selected:visited {    
    color: #FFFFFF;
}

.yui-skin-sam .yuimenuitem {
    _border-bottom:solid 1px #fff;
    background-color: #FFFFFF;        
    _background-color: #DEE7F7;        
}

/*non-transparency for IE 6 - make sure the following background-image setting is not understood by IE 6 by adding html>body followed by a blank in front of it*/
/*example:
html>body .yui-skin-sam .yuimenuitem {
    background-image: url(../images/gradient28px.png);
}
*/
html>body .yui-skin-sam .yuimenuitem {
    background-image: url(../images/gradient28px.png);
}

.yui-skin-sam .yuimenuitem-selected{    
    background-color: #5E87D8;
    color: #FFFFFF;
} 

/*non-transparency for IE 6 - make sure the following background-image setting is not understood by IE 6 by adding html>body in front of it*/
html>body .yui-skin-sam .yuimenuitem-selected{
    background-image: url(../images/gradient28px.png);        
} 


.yui-skin-sam .yuimenuitem .yuimenuitem-selected {
    background-color: #5E87D8 ;
    color: #FFFFFF;
}


/*non-transparency for IE 6 - make sure the following background-image setting is not understood by IE 6 by adding html>body in front of it*/
html>body .yui-skin-sam .yuimenuitem .yuimenuitem-selected {     
    background-image: url(../images/gradient28px.png);        
}

.yui-skin-sam .yuimenuitem .yuimenuitemlabel-selected {     
    color: #FFFFFF;
}

a.yuimenuitemlabel-hassubmenu{
    background:url(../images/menuitem_submenuindicator.png) right center no-repeat;
}

.yui-skin-sam .yuimenu ul {    
    background-color: #FFFFFF;        
    _background-color: #DEE7F7; 
}


.yui-skin-sam .yuimenubar{        
    line-height:2;        
    border:solid 1px #808080;
    background-color: #FFFFFF;        
    _background-color: #DEE7F7; 
    repeat-x 0 0;
}

/*non-transparency for IE 6 - make sure the following background-image setting is not understood by IE 6 by adding html>body in front of it*/
html>body .yui-skin-sam .yuimenubar{        
    background-image: url(../images/gradient28px.png);
}  

/*non-transparency for IE 6 - make sure the following background-image setting is not understood by IE 6 by adding html>body in front of it*/
html>body .yui-skin-sam .yuimenubarnav .yuimenubaritem{
    background-image: url(../images/gradient28px.png);
}

.yui-skin-sam .yuimenubarnav .yuimenubaritem-selected {
    background-color: #5E87D8;                
}

/*non-transparency for IE 6 - make sure the following background-image setting is not understood by IE 6 by adding html>body in front of it*/
html>body .yui-skin-sam .yuimenubarnav .yuimenubaritem-selected {
    background-image: url('../images/gradient28px.png');
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu{
    background:url(../images/menubaritem_submenuindicator.png) right center no-repeat;
}

.yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {    
    color: #FFFFFF;
}

.default-menu {
    font-family : Arial;
    font-size: 13px;
    font-weight: bolder;   
}