/* Template from Layout Gala; Leave intact for easy swapping. */
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif}
div#header{position:relative; background: #EEE;color: #79B30B;height:80px;}
div#header h1{line-height:80px;margin:0;
padding-left:10px;}
/*div#header a{position:absolute;right:0;top:23px}*/
div#navigation{background:#B9CAFF}
div#extra{background:#FF8539}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

/*
div#wrapper{float:right;width:100%;margin-left:-200px}
div#content{margin-left:200px}
div#navigation{float:left;width:200px}
div#extra{float:left;clear:left;width:200px}
*/
div#footer{clear:both;width:100%}

/* Custom layout adjustments specific to template. */
div#wrapper{float:right;width:100%;margin-left:-250px;}
div#content{margin-left:180px;}
div#navigation{float:left;width:180px;}
div#extra{float:left;clear:left;width:180px;}
/*
div#header {background: #000066;background-image: url(../images/TGAlogo-horizontal.gif);
  background-repeat: no-repeat;height:101px; }
*/
div#header {background: #000066;
  background-repeat: no-repeat;height:101px;}  
div#header h1{height:101px;line-height:101px;margin:0;color:#FFF;
  padding-left:140px;}


/* General styles */


div.contentNavPane form { margin:0px;}

body{font-family:Verdana,Arial,Helvetica,sans-serif;color:#000000;}
a{display: inline; color:#0000dd; text-decoration:underline;}
div#navigation{background:#ddddff; color:#000;}
div#extra{background:#f1f4fc; color:#000;}
div#footer{background: #000066;color: #FFF; text-align: right;}
div#navigation .menu_heading, div#extra .menu_heading {font-weight: bold;}
div#navigation ul, div#extra ul { margin: 10px; padding-left: 0; list-style-type:none; }
div#navigation ul>li, div#extra ul>li { margin-bottom: 6px; }
div#container {  background-image:url(../images/container_background.png);
  background-repeat:repeat-y;}


div#navigation li, div#extra li {
 margin: 0px;
 padding: 1px 1px;

}

div#navigation li.selected, div#extra li.selected {
 background: #FFF;
}
 
div#navigation li a
{
    display: block;
    width: 100%;       
} 
 
div#navigation li a:hover
{ 
	background-color: #036;
	color: #fff;
	width: auto;
} 

div#extra li a
{
    /*display: block;*/
    width: 100%;       
} 
 
div#extra li a:hover
{ 
	background-color: #036;
	color: #fff;
	width: auto;
} 

table.formTable td { vertical-align:top; }
table.formTable td { padding-top: 3px; }
table.formTable td:first-child + td + td { padding-top: 0px; }
table.formTable td.buttonHolder { text-align: right; }
table.formTable .fieldFormat { white-space:nowrap; color: #aaa; }

table.courseProgress td:first-child + td { margin-right:10px; padding-right:10px; text-align:right; }
table.courseProgress td:first-child + td + td, table.courseProgress th:first-child + th + th {display:none; }

div#copyright {text-align:center; color: #ccc;}

div#content { padding: 10px; }
h2 { margin-top:0; } 

table#outerVoucherEntryTable, table#outerCreditEntryTable {border: 0px #fff none;}

div.importantMessageBox {
 padding-left: 0px; 
 margin-left: 0px;
 color: #A00; 
 background:#FFFFFF; 
 border: 1px solid #000066; 
}
.validationError {color: #A00; }


th {background-color: #ccc;}
td.numeric, td.numeric {text-align: right;}

/*from TGA_old*/
.login
{
    padding-left:5px;
    color:White;
}

.intro
{
    font-style:italic;    
    font-size: 14px;
    /*font-weight:bold;*/
    margin-bottom: 0px;
}

.introReference
{
    font-style:italic;    
    font-size: 14px;
   /*font-weight:bold;*/    
    margin-top: 0px;   
    text-align: center;        
}

.contacts
{
    margin-bottom: 3px;
}

.siteTitle
{
    font-size: 22px;
    font-weight:bold;    
    margin-top: 0px;   
    text-align: center;      
    color: #00005f;
}

.moduleList
{
    margin-left:50px;
    font-size: 14px;    
}

.menuFormTable
{
    width:175px;
}

.loginForm
{
    margin-bottom: 0px;
    padding-bottom: 0px;
    vertical-align: bottom;
}

.loginLabel
{
    margin-bottom: 0px;
    padding-bottom: 0px;
    vertical-align: bottom;    
}

.loggedIn
{
    padding-right: 20px;    
    padding-bottom: 7px;
    font-size: 12px;
    color: White;
}

.loggedIn a
{
    color: White;
}

.loggedOut
{
    padding-right: 0px;    
    margin-right: 0px;
    padding-bottom: 0px;
    font-size: 12px;
    color: White;
}

.loginInput
{
    height: 14px;
    vertical-align: bottom;
    color: Black;
    text-align: left;
    padding-left: 0px;
    /*padding-bottom: 0px;*/
    font-size: 10px;
}

.loginSubmit
{
color: #FFFFFF;
background: #7db3fa;
border: 1px solid #781351;    
/*padding-bottom: 0px;*/
padding-top: 0px;
margin-top: 0px;
height: 20px;
}

/*
.submit input
{
margin-left: 4.5em;
} 
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
} 
fieldset
{
border: 1px solid #781351;
width: 20em
}
*/

.button2 a, .button2 
{
  font-family:Verdana,Arial,Helvetica,sans-serif;
  position: relative;
  text-decoration: none; 
  text-align: center; 
  /*background-color:#9ab;
  background-color:#0042ef;   
  */
  background-color:#000066;         
  color: #FFFFFF; 
  display: block; 
  width: 10em;
  border: 2px solid #FFFFFF;
	/*  
  border-color:#345;
  border-color:#def #678 #345 #cde;
  padding:0.25em;
  margin:0.5em auto;
  */
  padding: 3px;  
  margin: 0px;  
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  }
  
  .membership
  {
    margin-left: 30px;
  }