/* COLOURS
 #704057 PURPLE
 #f7f7f7 LIGHT GREY
 #f1f1f1 OFF WHITE
 #333333 DARK GREY 
 #bdbdbd SHADOW GREY
*/

body {
    background-color:#e0e0e0;
    text-align:center;
    margin:0px auto;
    font-size:12px;
    /*font-family:"Myriad Pro", Myriad, Arial, Helvetica, Verdana, sans-serif;*/
    font-family:"Nimbus Sans L", tahoma, arial, sans-serif;
    color:#333333;
    width:100%;
    height:100%;    
}

.container {
    background-color:#f1f1f1;
}

h1 {
    font-size:16px;
    font-weight:600;
    color:#333333;
    margin:0;
    margin-bottom:5px;
}

h1.logintitle {
    font-size:20px;
    letter-spacing:-1;
    font-weight:600;
    color:#333333;
    margin:0;
    margin-bottom:5px;
}

h1.headertitle {
    font-size:20px;
    letter-spacing:-1;
    font-weight:600;
    color:#333333;
    margin:0;
    margin-bottom:5px;
}

h2 {
    font-size:12px;
    color:#333333;
    margin:0;
    padding-top:5px;
}

h3 {
    font-size:10px;
    color:#333333;
    margin:0;
}

h4 {
    font-size:12px;
    color:#333333;
    margin:0;
}

.textbox {
    font-family:"Nimbus Sans L", tahoma, arial, sans-serif;
    font-size:12px;
    color:#333333;
    border:1px solid #666666;
    padding:4px;
    /*height:12px;*/
}

.textboxSmall {
    font-family:"Nimbus Sans L", tahoma, arial, sans-serif;
    font-size:10px;
    color:#333333;
    border:1px solid #666666;
    padding:2px;
    /*height:12px;*/
}

.textboxLarge {
    font-size:14px;
    color:#333333;
    border:1px solid #666666;
    padding:6px;
    /*height:12px;*/
}

.textboxError
{
    border:1px solid #990000;
    background-color:#dec7c7;
}

.dropdown 
{
    font-family:"Nimbus Sans L", tahoma, arial, sans-serif;
    font-size:12px;
    color:#333333;
    border:1px solid #666666;
    padding: 3px;
}

.dropdownError
{
    color:#990000;
    background-color:#dec7c7;
    padding: 3px;
}

.dropdownLarge {
    font-size:14px;
    color:#333333;
    border:1px solid #666666;
}

.error {
    color:#ff0000;
}

.mandatoryfield {
    color: #ff0000;
    padding-left: 5px;
    font-size: 11px;
}

.LoginError {
    color:#ff0000;
    font-size:13px;
}

.errorLiteGrey {
    color:#999999;
}

.buttonGrey {
    background-color:#a9a9a9;
    color:#ffffff;
    font-size:11px;
    border:1px solid #333333;
    cursor:pointer;
    padding:3px;
}

.buttonBlue {
    background-color:#009cff;
    color:#ffffff;
    border:1px solid #015a93;
    font-size:11px;
    cursor:pointer;
    padding:3px;
}

.buttonPurple {
    background-color:#704057;
    color:#ffffff;
    border:1px solid #333333;
    font-size:11px;
    cursor:pointer;
    padding:3px;
}

.buttonGreen {
    background-color:#00db15;
    color:#ffffff;
    border:1px solid #333333;
    font-size:11px;
    cursor:pointer;
    padding:3px;
}


.buttonPurpleMedium {
    background-color:#704057;
    color:#ffffff;
    border:1px solid #333333;
    font-size:12px;
    cursor:pointer;
    padding:3px 7px 3px 7px;
}

.buttonGreyMedium {
    background-color:#a9a9a9;
    color:#ffffff;
    font-size:12px;
    border:1px solid #333333;
    cursor:pointer;
    padding:3px 7px 3px 7px;
}

.buttonPurpleLarge {
    background-color:#704057;
    color:#ffffff;
    border:1px solid #333333;
    font-size:14px;
    cursor:pointer;
    padding:5px 10px 5px 10px;
}

.buttonRed {
    background-color:#ff0000;
    color:#ffffff;
    border:1px solid #333333;
    font-size:11px;
    cursor:pointer;
    padding:3px;
}


.buttonWhite {
    background-color:#fff;
    color:#ff0000;
    border:1px solid #333333;
    font-size:11px;
    cursor:pointer;
    padding:3px;
}

.buttonRedMedium {
    background-color:#ff0000;
    color:#ffffff;
    border:1px solid #333333;
    font-size:12px;
    cursor:pointer;
    padding:3px 7px 3px 7px;
}

.buttonRedLarge {
    background-color:#ff0000;
    color:#ffffff;
    border:1px solid #333333;
    font-size:14px;
    cursor:pointer;
    padding:5px 10px 5px 10px;
}

/*.tdGradient1 {
    background-color:#E0E0E0;
    border-bottom:2px solid #ffffff;
}*/

.tdGradient1
{
	border-collapse:collapse;
    border: 1px solid transparent;	
    border-right:2px solid transparent;
    padding: 4px;
    color: #666666;
    background: #dbdbdb url('../images/gradhover.png') repeat-x;
}

.tdGradient2
{
 	border-collapse:collapse;
    border: 1px solid transparent;	
    border-left:0px;
    border-right:0px;
    padding: 4px;
    color: #666666;
    background: #ededed url('../images/gradback.png') repeat-x;
}

.tdGradient3 
{
    border-left:2px;
}

.tdGradient4
{
 	border-collapse:collapse;
    border: 1px solid #fff;	
    border-right:0px solid #ff0000;
    padding: 4px;
    color: #666666;
    background: #ededed url('../images/gradback.png') repeat-x;
}

.content
{
     padding:13px; 
     border:1px solid #e0e0e0;
}

.padtop
{
    margin-top:6px;   
}
 /* #e0e0e0 */
.contentBorder
{
    border:1px solid #e0e0e0;   
}

.contentBorderTopLeft
{
    border-top:1px solid #e0e0e0;   
    border-left:1px solid #e0e0e0;   
}

.contentBorderTopLeftBottom
{
    border-top:1px solid #e0e0e0;   
    border-left:1px solid #e0e0e0;   
    border-bottom:1px solid #e0e0e0;   
}

.contentBorderTopLeftRight
{
    border-top:1px solid #e0e0e0;   
    border-left:1px solid #e0e0e0;   
    border-right:1px solid #e0e0e0;   
}

.contentBorderTopLeftRightBottom
{
    border:1px solid #e0e0e0;   
}

.contentBorderLeftRightBottom
{
    border-bottom:1px solid #e0e0e0;   
    border-left:1px solid #e0e0e0;   
    border-right:1px solid #e0e0e0;      
}

.rowHeader
{
    font-weight:bold;
    font-size:10px;
    font-family:"Nimbus Sans L", tahoma, arial, sans-serif;
    color:#333333;
    margin:0;
    margin-bottom:5px;   
}

.rowHeaderPurple
{
    background-color:#704057;
    font-weight:bold;
    font-size:10px;
    color:#FFFFFF;
    margin:0;
    margin-bottom:5px;   
    border:1px solid #333333;
}


.rowHeaderGrey
{
    background-color:#bdbdbd;
    font-weight:bold;
    font-size:10px;
    color:#000;
    margin:0;
    margin-bottom:5px;   
    border:1px solid #333333;
}

.rowHeader
{
    background-color:#704057;
    font-weight:600;
    font-size:11px;
    color:#FFFFFF;
    margin:0;
    margin-bottom:5px;   
    border:1px solid #333333;
    height:25px;
}

.cellStyle
{
    border:1px solid #bdbdbd;
}

.cellStyle
{
    border:1px solid #333333;
    height:20px;
}

.cellStyleDark
{
    border:1px solid #333333;
}

.cellStyleDarkRed
{
    border:1px solid #333333;
    background-color: #ff0000;
    color: #fff;
}

.Calendar .ajax__calendar_container {
    margin-top:5px;
    border:1px solid #646464;
    background-color: #FFFFFF;
    color: #333333;
    z-index:5;
}

/* JQUERY CLASS */

.layer1 {
    margin: 0;
    padding: 0;
    width: 400px;
}
 
.heading {
    margin: 1px;
    color: #fff;
    padding: 3px 10px;
    cursor: pointer;
    position: relative;
    background-color:#009cff;
}

.content {
    padding: 5px 10px;
    background-color:#ffffff;
}

.mastercontainer {
    padding: 5px 10px;
    background-color:#ffffff;
}

.container {
    border:1px solid #666666;
    margin-bottom:2px;
}

p  {
    padding: 0; 
}

.shadowLeft
{
}

.shadowLeft
{
    background-image:url('../images/bgShadowLeft.gif');
    background-repeat:repeat-y;
}

.shadowRight
{
    background-image:url('../images/bgShadowRight.gif');
    background-repeat:repeat-y;
}

.shadowBottom
{
    background-image:url('../images/bgShadowBottom.gif');
    background-repeat:repeat-x;
}

/* NAVIGATION BAR */

#navcontainer ul
 {
     padding-left: 0;
     margin-left: 0;
     background-image:url('../images/bgNav.png');
     background-repeat:repeat-x;
     height:69px;
     color: #000;
     float: left;
     width: 100%;
     font-family:"Nimbus Sans L", tahoma, arial, sans-serif;
     font-size:15px;
 }

 #navcontainer ul li  
 {
     display: inline; 
     height:69px;  
 }

 #navcontainer ul li a
 {
     padding: 0.2em 1em;
     color: #000;
     text-decoration: none;
     float: left;
     border-right: 1px solid #fff;
     background-image:url('../images/bgNav.png');
     background-repeat:repeat-x;
     height:39px;
     padding-top:25px;
 }

 #navcontainer ul li a:hover
 {
     background-image:url('../images/bgNav.png');
     background-repeat:repeat-x;
     color: #000;
     height:39px;
     padding-top:25px;
     background-color:#704057;
 }
 
 /* TABLE STYLES */
 
 .tbl_corner_top_left
 {
    background-image:url('../images/table/img_corner_top_left.png');
    background-repeat:no-repeat; 
    width:11px;
    height:27px;  
 }
 
  .tbl_corner_top_right
 {
    background-image:url('../images/table/img_corner_top_right.png');
    background-repeat:no-repeat; 
    width:14px;
    height:27px;  
 }
 
 .tbl_corner_bottom_left
 {
    background-image:url('../images/table/img_corner_bottom_left.png');
    background-repeat:no-repeat; 
    width:11px;
    height:11px;  
 }
 
  .tbl_corner_bottom_right
 {
    background-image:url('../images/table/img_corner_bottom_right.png');
    background-repeat:no-repeat; 
    width:14px;
    height:14px;  
 }
 
   .tbl_border_top_middle
 {
    background-image:url('../images/table/img_border_middle_top.png');
    background-repeat:repeat-x; 
    height:14px;  
 }
 
 .tbl_border_bottom_middle
 {
    background-image:url('../images/table/img_border_bottom_middle.png');
    background-repeat:repeat-x; 
    height:14px;  
 }
 
 .tbl_border_middle_left
 {
    background-image:url('../images/table/img_border_middle_left.png');
    background-repeat:repeat-y; 
    width:11px;
 }
 
 .tbl_border_middle_right
 {
    background-image:url('../images/table/img_border_middle_right.png');
    background-repeat:repeat-y; 
    width:14px;
 }
 
 .tbl_content_middle
 {
     background-color:#e9e9e9;
 }

 .gridRowReports {
     padding: 5px;
     text-align: left;
 }

 .gridHeaderReports {
     padding: 5px;
     font-weight: bold;
     text-align: left;
     background-color: #494546;
     color: #ffffff;
 }