/* STANDARD HTML TAG STYLES - CHANGE THESE TO HAVE AN OVER ALL EFFECT */


body	{
	background-color	: #FFFFFF;
	color			: #4c4c4c ;
	font			: 14px arial;
	}

form	{
	margin			: 0px 0px 0px 0px;
	padding			: 0px 0px 0px 0px;
	}

table	{
	border-collapse		: collapse;
	}

input
	{
	background-color	: #FFFFFF;
	color			: #484848;
	font			: 14px arial;
        padding			: 3px 3px 3px 3px;        
	height                  : 25px;	
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;    
       
}

.buttonimp	
	{
        display			: block;
	border			: 0px solid #00638D;
	background       	: #00638D;
        width			: 300px;
        height                  : 31px;
        font			: 14px arial;
        text-align		: center;
        color			: #FFFFFF;
        padding-top             : 4px;
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
      
    
}

input.buttonimp:hover{
        background		: #00597E;
        height                  : 31px;
	width			: 300px;
        border			: 0px solid #00597E;
	color			: #FFFFFF;
	cursor: hand;
	cursor: pointer;
        text-decoration: none
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
} 



.button1 /* CHANGE THE WAY BUTTONS AND INPUT FORMS LOOK */
	{
	background       	: #FFFFFF;
	color			: #484848;
	font			: 14px arial;
        font-weight             : bold;
        padding-bottom          : 5px;
        width			: 100px;
	height                  : 30px;
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
}

input.button1:hover{
        background              : #F5F5F5;
        width			: 100px; 
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
} 


.button2	
	{
        display			: block;
	border			: 0px solid #00638D;
	background       	: #00638D;
        width			: 244px;
        height                  : 31px;
        font			: 14px arial;
        text-align		: center;
        color			: #FFFFFF;
        padding-top             : 4px;
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
      
    
}

input.button2:hover{
        background		: #00597E;
        height                  : 31px;
	width			: 244px;
        border			: 0px solid #00597E;
	color			: #FFFFFF;
	cursor: hand;
	cursor: pointer;
        text-decoration: none
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
} 




.button3	
	{
        display			: block;
	border			: 0px solid #00638D;
	background       	: #00638D;
        width			: 50px;
        height                  : 31px;
        font			: 14px arial;
        font-weight             : bold;	
        text-align		: center;
        color			: #FFFFFF;
        padding-top             : 4px;
        padding-bottom          : 3px;
	border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
}

input.button3:hover{
        background		: #00597E;
        height                  : 31px;
	width			: 50px;
        border			: 0px solid #00597E;
	color			: #FFFFFF;
	cursor: hand;
	cursor: pointer;
        text-decoration: none
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
} 

.button4	
	{
        display			: block;
	border			: 0px solid #00638D;
	background       	: #00638D;
        width			: 100px;
        height                  : 31px;
        font			: 14px arial;
        font-weight             : bold;
        text-align		: center;
        color			: #FFFFFF;
        padding-top             : 4px;
        padding-bottom          : 3px;
	border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
}

input.button4:hover{
        background		: #00597E;
        height                  : 31px;
	width			: 100px;
        border			: 0px solid #00597E;
	color			: #FFFFFF;
	cursor: hand;
	cursor: pointer;
        text-decoration: none
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
} 

.button5	
	{
        display			: block;
	border			: 0px solid #00638D;
	background       	: #00638D;
        width			: 200px;
        height                  : 31px;
        font			: 14px arial;
        text-align		: center;
        color			: #FFFFFF;
        padding-top             : 4px;
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
      
    
}

input.button5:hover{
        background		: #00597E;
        height                  : 31px;
	width			: 200px;
        border			: 0px solid #00597E;
	color			: #F5F5F5;
	cursor: hand;
	cursor: pointer;
        text-decoration: none
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
} 


.buttoncompet 
	{
        padding-left            : 35%;
        background		: #00638D;
        height                  : 22px;
        width			: 98%;
        font			: 14px arial;
        text-align		: left;
	color			: #F5F5F5;
        border			: 0px solid #00638D;
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
	
}
 
	
.buttoncompet:hover{
        padding-left            : 35%;
        background		: #00597E;
        height                  : 22px;
	width			: 98%;
        border			: 0px solid #00597E;
	color			: #FFFFFF;
	cursor: hand;
	cursor: pointer;
        text-decoration: none
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
} 


.buttoncompetadm 
	{
        padding-left            : 25%;
        background		: #00638D;
        height                  : 22px;
        width			: 98%;
        font			: 14px arial;
        text-align		: left;
	color			: #F5F5F5;
        border			: 0px solid #00638D;
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
	
}
 
	
.buttoncompetadm:hover{
        padding-left            : 25%;
        background		: #00597E;
        height                  : 22px;
	width			: 98%;
        border			: 0px solid #00597E;
	color			: #FFFFFF;
	cursor: hand;
	cursor: pointer;
        text-decoration: none
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
} 


div.noDays table {
    display:none;
}

button.ui-datepicker-current { display: none; }

textarea
	{
	background       	: #F4F4F4;
	font			: 12px arial;
	color			: #000000;
        padding			: 3px 3px 3px 3px;
	border			: 1px solid #000000;
	}

a	{
	font			: 14px arial;
	color			: #000000;
	text-decoration		: none;
	}

a:hover	{
	color			: #000000;
	text-decoration		: none;
	}

li	{
	list-style-type		: #000000;
	font			: 14px arial;
	color			: #00638D;
	}



/* USER DEFINED CLASSES - LOOK IN CODE FOR THESE AND CHANGE ASS APPROPRIATE */

.text				/* CHANGE ALL TEXT ELEMENTS */
	{
	font			: 14px arial;
	color			: #00638D;
	padding-left		: 3px;
	}


.text1				/* CHANGE ALL TEXT ELEMENTS */
	{
	font			: 14px arial;
	color			: #525252;
	
	}
.text3				/* CHANGE ALL TEXT ELEMENTS */
	{
	font			: 14px arial;
	color			: #525252;
	padding			: 5px 5px 5px 5px;
        border			: 1px solid #FFFFFF;
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;
        height                  : 22px;  
	}
.text4	{
	font			: 14px arial;
	color			: #525252;
	text-decoration		: underline;
	}

.text5	{
	font			: 14px arial;
	color			: #000000;
	
	}

.textmnu                          /* CHANGE ALL TEXT ELEMENTS */
        {
        font                    : 12px arial;
        color                   : #525252;
        padding                 : 1px 1px 1px 1px;
        border                  : 1px solid #FFFFFF;
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;
        height                  : 22px;  
        }


.titlebarcolour			/* CHANGE BACKGROUND COLOUR AND FONT COLOUR FOR TITLE AREAS */
	{
	background-color	: #FFFFFF;
	color			: #BDB76B;
	}

.bodycolour			/* CHANGE BACKGROUND COLOUR OR THE TEXT AREA */
	{
	background-color	: #FFFFFF;
	color			: #000000;
        border		        : 1px solid #00638D;	
}

.pagingcolour			/* CHANGE BACKGROUND COLOUR OR THE PAGING ELEMENT */
	{
	background-color	: #FFFFFF;
	color			: #FFFFFF;
	}

.sectionscolour			/* CHANGE BACKGROUND COLOUR OF THE SECTIONS FOR LISTS */
	{
	background-color	: #EEEEEE;
	color			: #FFFFFF;
	}

.boxborder
	{
	border			: 1px solid #FFFFFF;
       	background-color	: #F4F4F4;
        font			: 14px arial;
 	padding			: 0px 0px 0px 0px;
        height                  : 22px;  
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
}

.boxborderowd
	{
	border			: 3px solid #F4f4f4;
       	background      	: #EEEEEE;
        font			: 14px arial;
        color			: #00638D;
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
}

.ahref	{
	font			: 14px arial;
	color			: #00638D;
	text-decoration		: none;
	}

.ahref:hover	{
	color			: #00597E;
	text-decoration		: none;
	}

.maintable
	{
	background-color	: #000000;
	}

.maintablealt
	{
	background-color	: #FFFFFF;
	}

.maintableon
	{
	background-color	: #000000;
	}

.announce-bar {
  text-align: center;
  bottom: 35px;
  height: 33px;
  z-index: 2;
  width: 100%;
  background: #EEEEEE;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
  overflow: hidden;
  border-radius           : 3px;
  -moz-border-radius      : 3px; 
  -webkit-border-radius   : 3px;  
  }



.announce {
  text-align: left;
  bottom: 35px;
  height: 33px;
  z-index: 2;
  width: 100%;
  background: #F4F4F4;
  border-top: 1px solid #F4F4F4;
  border-bottom: 1px solid #F4F4F4;
  overflow: hidden;

	}

.patro1 {
  text-align: left;
  bottom: 35px;
  height: 33px;
  z-index: 2;
  width: 100%;
  background: #F4F4F4;
  border-top: 1px solid #F4F4F4;
  border-bottom: 1px solid #F4F4F4;
  overflow: hidden;
  font			: 14px arial;
  border-radius           : 3px;
  -moz-border-radius      : 3px; 
  -webkit-border-radius   : 3px;  
  }

.servh {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 14px rgba(0,0,0,.25),
               0 14px 14px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

.azure  
{
	background-color	: #00638D;
	color   		: #FFFFFF;
	font			: 14px arial;
        font-weight             : bold;
        border			: 0px solid #00638D;
        padding-bottom          : 5px;
	height                  : 30px;
        width			: 80px;
        cursor                  : hand;
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
}

.azure:hover
{
	background-color	: #00597E;
	color   		: #FFFFFF;
	font			: 14px arial;
        font-weight             : bold;
        border			: 0px solid #00597E;
        padding-bottom          : 5px;
	height                  : 30px;
        width			: 80px;
        cursor: hand;
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
}


.patro
{
	background-color	: #FFFFFF;
	border-color		: #00638D;
	color			: #4c4c4c;
	font			: 14px arial;
        
}

.msgtela
{
	font			: 11px arial;
        
}
.msglogin
{
	font			: 14px arial;
        
}
.msglogon
{
	font			: 11px arial;
        color			: red;
}

.bbblack, label 
{
	font			: 14px arial;
        color			: #000000;
       
}

.tit 
{
	font			: 14px arial;
        color			: #000000;
        
        
}


/* BUTTONS THAT ROLLOVER - THIS PRODUCES THE YELLOW AND #00638D ROLLOVER BUTTONS */

.list-menu a	
	{
	display			: block;
	border			: 0px solid #00638D;
	background		: #00638D;
	width			: 100%;
        height                  : 31px;
	text-align		: center;
	color			: #F5F5F5;
        padding-top		: 4px;
        border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
	
}

.list-menu a:hover
	{
	background		: #00597E;
	width			: 100%;
	color			: #FFFFFF;
	cursor: hand;
	cursor: pointer;
        text-decoration: none;
        padding-top		: 4px;
  	border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
}

.list-menup a	
	{
	display			: block;
	border			: 0px solid #00638D;
	background		: #00638D;
        color			: #FFFFFF;
	width			: 98%;
        font			: 14px arial;
        text-align		: center;
	padding-top		: 4px;       
	height                  : 20px;
        
}

.list-menup a:hover
	{
	background		: #00597E;
	width			: 98%;
        font			: 14px arial;
	color			: #FFFFFF;
        padding-top		: 4px;
	cursor: hand;
	cursor: pointer;
        text-decoration: none 
	}


.submenu {
	display: none;
}	
.submenu a	
	{
	border			: 0px solid grey;
	background		: grey;
	color			: #FFFFFF;
	padding-left            : 3px;
	padding-right           : 3px;
	border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
 }

.submenu a:hover
	{
	background		: #FFFFFF;
	color			: #00597E;
	border-radius           : 3px;
        -moz-border-radius      : 3px; 
        -webkit-border-radius   : 3px;  
}

	
.cxlg 	
	{
	border			: 1px solid silver;
	width			: 120px;
	}

.cxlg:hover
	{
        
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset;     
	
}
.cxlg:focus 	
	{
	
outline: medium none;
border: 1px solid #00638D;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset;	
}

.cxsearch 	
	{
	border			: 1px solid silver;
	width			: 144px;
	}

.cxsearch:hover
	{
        
   box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset;     
	
}
.cxsearch:focus 	
	{
	
outline: medium none;
border: 1px solid #00638D;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3) inset;	
}

.error{
	background-color: #FFFFFF;
}

.recent3{
	background-color: #EEE8AA;
}
.recent{
	background-color: #DDE3D3;
}
.recent2{
	background-color: #FFD700;
}
.selected{
	font-weight: bold;
	color: black;
}

.tbl {
    width       : 760px;
    text-align  : center;
    
}

.tbl .title {
    background  : #ace;
    font-weight : bold;
}

.tbl .link, .link50 {
    font-weight : bold;
    width       : 10%;
}

.tbl .link a {
    display    : block;
    width      : 90px;
}

.tbl .link50 a {
    display    : block;
    width      : auto;
}

.tbl .message {
    background     : #eca url("../images/redmond_icons/info_16.gif") no-repeat 3px;
    font-weight    : bold;
    line-height    : 20px;
    padding        : 0px 0px 0px 25px;
    vertical-align : center;
}

.tbl th {
    background  : #FFFFCC;
    border      : 1px solid #333333;
    font-weight : bold;
    padding     : 2px 2px 2px 2px;
    text-align  : left;
}

.tbl .search {
    text-align : right;
    width      : 200px;
}

.tbl .form_field {
    vertical-align : top;
    width          : 150px;
}

.tbl .submit {
    text-align : right;
}

.tbl td {
    border  : 1px solid #F4F4F4;
    padding : 2px 2px 2px 2px;
    font    : 14px arial;
}

.tbl .sts0 {
	background : #EEE;
    cursor     : pointer;
	width      : 8px;
}

.tbl .sts1 {
	background : #EEE42F;
    cursor     : pointer;
	width      : 8px;
}

.tbl .sts2 {
	background : #FFB81E;
    cursor     : pointer;
	width      : 8px;
}
.tbl .sts3 {
	background : #F59427;
    cursor     : pointer;
	width      : 8px;
}
.tbl .sts4 {
	background : #FF6700;
    cursor     : pointer;
	width      : 8px;
}
.tbl .sts5 {
	background : #390;
    cursor     : pointer;
	width      : 8px;
}