/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
*{
margin: 0;
padding: 0;
font-family: arial;
}

img 
{
border-style: none;
}

body
{
	background-image:url('Icons/bg.gif');
	background-repeat: repeat-x;
    background-color: #b9bdcd;
    font-size: .75em;
    margin: 0;
    padding: 0;
    color: #696969;    
}

a:link
{
    color: #13b5ea;
    text-decoration: none;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #004990;
    text-decoration: underline;
}
a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 0px;
    line-height: 1.6em;
}

.hidden  {display: none; }


.colour-box 
{
	border: solid 1px black;
	padding-left:10px;	
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.container
{
    text-align: center;
}

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	background-color:White;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#header
{    
 padding:15px 0px 10px 0px;
}

#navigation 
{
	clear:both;	

}
#navigation ul
{
	float:left;	

}
#logout 
{
	float:right;
	position: relative;
	width: 88px;
	height: 33px;
}


#main
{
	clear:both;	
    padding: 30px;
    background-color: #fff;
    margin-bottom: 30px;
    border: 1px solid #004990;
    border-top: 2px solid #004990;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
#menu
{
	width: 100%;
}

ul#menu
{	
	
    padding: 0px;
    margin: 0px;   
    position: relative;        
    text-align: left;    
}

ul#menu li
{
	padding: 0px;
	display: inline;
    list-style: none;

}

ul#menu li a
{	
	float: left;
	text-indent: 5px;
	display:inline-block;	
    height: 20px;
    padding: 3px 0px 3px 0px;  
	font-weight: bold;
    text-decoration: none;
	background-color: #13b5ea;
	background-image:url('Icons/tab.gif');
	background-position:right;
	background-repeat:no-repeat;
    color: #fff;  
    position:relative;
    border-right: solid 1px white;
}

ul#menu li a img 
{
	margin-right: 4px;
	padding-left:2px;
	position: relative;
	top: 3px;
}


ul#menu li a:hover
{
background-image:url('Icons/tabhover.gif');
background-position:right;
background-repeat:no-repeat;
	background-color: #ddf3ff;
    color: #13b5ea;   
    text-decoration: none;
}

ul#menu li a:active, ul#menu li a.current
{
background-image:url('Icons/tabactive.gif');
background-position:right;
background-repeat:no-repeat;
    background-color: #004990;
    color: #fff;  
    text-decoration: none;
}


/* ADMIN TABS
----------------------------------------------------------*/
.clear {clear: both;}

ul#menu li.admin a
{	
	float: left;
	text-indent: 5px;
	display:inline-block;	
    height: 20px;
    padding: 3px 0px 3px 0px;  
	font-weight: bold;
    text-decoration: none;
	background-color: #42556b;
	background-image:url('Icons/admintab.jpg');
	background-position:right;
	background-repeat:no-repeat;
    color: #fff;  
    position:relative;
    border-right: solid 1px white;
   margin-top: 1px;
}

ul#menu li.admin a:hover
{
background-image:url('Icons/admintabhover.jpg');
background-position:right;
background-repeat:no-repeat;
	background-color: #ddf3ff;
    color: #13b5ea;   
    text-decoration: none;
}

ul#menu li.admin a:active, ul#menu li.admin a.current
{
background-image:url('Icons/admintabactive.jpg');
background-position:right;
background-repeat:no-repeat;
    background-color: #004990;
    color: #fff;  
    text-decoration: none;
}



/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px dashed #13b5ea;
    color: #004990;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset label 
{
	color: #13b5ea;
	font-weight:bold;
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
	color: #004990;
    font-weight:600;
    padding: 2px 4px 8px 4px;
    background-color: White;
}

input.text, textarea, select, #mainform input
{
    width: 500px;
    border: 1px solid #ddf3ff;
}

textarea:hover, input.text:hover
{
    background-color:#ddf3ff;
}

input.text:active
{
    background-color:#ddf3ff;
    border: 1px solid #004990;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}
tr.header th.header
{
	padding-right:15px;
}
table.entity-list tr.selected td, table#pp-table tr.selected td
{
	background-color: #e8eef4; 
}

/* MISC  
----------------------------------------------------------*/
input.filter
{	
	width:10px; /* This is overriden in table-filters.js#initialiseFilters */
}
.entity-list-controls 
{
	margin-top:5px;
}
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

.message 
{
	color:Blue;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

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

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

a.contact-email 
{
	display:block;
}
/* JASON ADDITIONS  
----------------------------------------------------------*/

#AddNew
{
	float:left;
	position: relative;
	width: 235px;
	height: 33px;
	margin-bottom: 6px;
}

#AddNew a
{
	display: block;
	background-image:url('Icons/addbutton1.gif');
	background-repeat: no-repeat;
	padding:10px 0px 6px 12px;
    color: #fff;  
    font-weight: bold;  
    text-decoration: none;
}

#AddNew a:hover 
{
  background-image:url('Icons/addbutton2.gif');
  background-repeat: no-repeat;
}

#logout a
{ 
		display: block;
	   color: #fff;  
    font-weight: bold;  
    text-decoration: none;
	padding:9px 10px 9px 20px;
	background-image: url('Icons/smallbutton1.gif');
  background-repeat: no-repeat;	
}

#logout a:hover
{
  background-image: url('Icons/smallbutton2.gif');
}

.order-hint 
{
	display:none;
}
.dnd
{
	cursor:row-resize;	
}

.chk, input[type="checkbox"] 
{ 
	border: 0px solid white !important; 
	width: 20px !important; 
}

.btn
{
color: #fff;
font-weight: bold;
padding:8px 0 10px 0px;
border:none;
width:88px !important;
height:33px;
text-align:center;
background-image:url('Icons/smallbutton1.gif');
background-repeat:no-repeat;
border: 0px solid #FFFFFF !important; /* <-- IE Hack to allow replace default submit buttons with custom images */
}
.btn:hover
{
	background-image:url('Icons/smallbutton2.gif');
}
.btn a 
{
	color:#fff;
	text-decoration:none;
}

.btn2
{
color: #fff;
font-weight: bold;
padding:8px 0 10px 0px;
border:none;
width:160px;
height:33px;
text-align:center;
background-image:url('Icons/medbutton1.gif');
background-repeat:no-repeat;
border: 0px solid #FFFFFF; /* <-- IE Hack to allow replace default submit buttons with custom images */
}
.btn2:hover
{
	background-image:url('Icons/medbutton2.gif');
}


select { width: 500px; }


#mainlogin
{
    padding: 20px;
    background-color: #fff;
    margin-top: 40px;
    border: 1px solid #004990;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

.aof-dynamic-div 
{
	width:0px;
	height:0px;
	
	padding:10px;	
	border: 1px solid #004990;
	background-color:#13b5ea;
	display:none;
	overflow:hidden;
}

.aof-popup, .aof-popup td, .aof-popup tr, .aof-popup th
{
	border:0px;
	margin:0px;
	padding:0px;
}
#mainform table.aof-popup input 
{
	width:490px;
	margin-right:10px;
}

.aof-dynamic-div img 
{
	margin-bottom:-2px;
}
.aof-save 
{
	cursor:pointer;
}