/*

	General Elements

*/

body{
	background:#ffffff url(../../img/admin/background.jpg) repeat-y top left;
	margin:0; padding:0; 
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
}
h1 {
	color:#E31319;
	font-size:1.6em;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0px 10px 10px;
}
h2 {
	color:#99b9b7;
	font-size:1.3em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0px 10px 10px;
}
/* Generally used in the lhs column */
h3, h3 a {
	color:#99b9b7;
	font-size:1.2em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0px 10px 0px;
}
a {
text-decoration:underline;
color:#000000;
}
table {
	margin-left:10px;
}
.clearAll {
clear:both;
}
label,textarea {
font-size:1.2em;
}
textarea {
font-family:Arial, Helvetica, sans-serif;
}	
em {
	font-weight:bold;
}
/*

	Main divs
	
*/
#divWrapper {
	width:100%;
}
#divBanner {
height:30px;
background:transparent url(../../img/admin/background_banner.jpg) repeat-x top left;
}
#divMenu {
width:600px;
height:30px;
display:inline;
float:left;
margin:0px 0px 0px 5px;
}
#aLogo {
float:right;
margin:0px;
padding:0px;
}
#aLogo img {
border:none;
}

#divLeft {
width:210px;
float:left;
margin: 0;
overflow:hidden;
padding: 10px 20px 20px 20px;
font-size:1.2em;		/* set the font size to 12px; in the left hand side */
}

#divRight
{
margin-left: 250px;
padding: 0px;
font-size:1.2em;
}
/*

	Treeview - sitemap
	
*/

   span.TreeviewSpanArea a {
     text-decoration: none;
     color: #000000;}
   span.TreeviewSpanArea a:hover {
     color: #820082;}

/*

	Main menu

*/
/*   Image for the ul and some height and width properties */
#divMenu ul {
width: 603px;
height: 30px;
margin:0;
padding:0;
background: url(../../img/admin/menu/mainmenu.jpg) left -1px no-repeat;
position:relative;
overflow:hidden;
}

/* We want li as block and to be as tall as image*/
#divMenu ul li {
display:block;
height:30px;
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

/* a should also be block and 50px tall*/
#divMenu ul li a {
display:block;
height:30px;
}

/*This is the boring part, every link has to be positioned according to the image*/
li#i1 {
left: 0px;
width: 85px;
}

li#i2 {
left: 85px;
width: 85px;
}

li#i3 {
left: 170px;
width: 80px;
}

li#i4 {
left: 250px;
width: 70px;
}
li#i5{
left: 320px;
width: 90px;
}
li#i6 {
left: 410px;
width: 70px;
}
li#i7 {
left: 503px;
width: 100px;
}

/*  Now add the hover  */
#i1 a:hover {
background: transparent url(../../img/admin/menu/mainmenu.jpg) 0 -33px no-repeat;
}
#i2 a:hover {
background: transparent url(../../img/admin/menu/mainmenu.jpg) -85px -33px no-repeat;
}
#i3 a:hover {
background: transparent url(../../img/admin/menu/mainmenu.jpg) -170px -33px no-repeat;
}
#i4 a:hover {
background: transparent url(../../img/admin/menu/mainmenu.jpg) -250px -33px no-repeat;
}
#i5 a:hover {
background: transparent url(../../img/admin/menu/mainmenu.jpg) -320px -33px no-repeat;
}
#i6 a:hover {
background: transparent url(../../img/admin/menu/mainmenu.jpg) -410px -33px no-repeat;
}
#i7 a:hover {
background: transparent url(../../img/admin/menu/mainmenu.jpg) -503px -33px no-repeat;
}
/* We just need to hide the text now   */
#divMenu ul li a {
text-indent:-9000px; background-color:transparent; }
/***********************************************************************************************************/

/*

	Content Main Menu
	
*/

#divContentMainMenu {
width:100%;
height:32px;
display:inline;
float:left;
padding:0px;
overflow:hidden;
margin:0px 0px 0px 0px;
background:#ffffff url(../../img/admin/menu/backgroundcontentmainmenu.jpg) repeat-x left top;
}

#divContentMainMenu ul {margin:0; padding:0; list-style-type:none;}
#divContentMainMenu li {float:left; margin-right:0px; display:block;border:0;overflow:hidden;padding:10px 5px 0px 15px;background:transparent url(../../img/admin/menu/border_content_main.jpg) no-repeat left 1px; }
#divContentMainMenu li a:link,#divContentMainMenu li a:visited {
	color:#000000;
}
#divContentMainMenu li a:hover,#divContentMainMenu li a:active {
	color:#E31319;
}
#divContentMainMenu li.list1 {
	background:transparent;
}
/*#divContentMainMenu li.list1 {width:96px;background:transparent url(../../img/admin/menu/pagecontent.jpg);}
#divContentMainMenu li.list2 {width:94px;background:transparent url(../../img/admin/menu/settings.jpg);}
#divContentMainMenu li.list3 {width:94px;background:transparent url(../../img/admin/menu/settings.jpg);}

#divContentMainMenu a {display:block; padding-top:33px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #divContentMainMenu a:link, * html #divContentMainMenu a:visited {height:32px; he\ight:0;}

#divContentMainMenu a#item1 {background:transparent url(../../img/admin/menu/pagecontent.jpg) -115px -86px no-repeat;}
#divContentMainMenu a#item2 {background:transparent url(../../img/admin/menu/settings.jpg) -115px -86px no-repeat;}
#divContentMainMenu a#item3 {background:transparent url(../../img/admin/menu/settings.jpg) -115px -86px no-repeat;}


#divContentMainMenu a#item1:hover {background-position:top left; z-index:50;}
#divContentMainMenu a#item2:hover {background-position:top left; z-index:50;}
#divContentMainMenu a#item3:hover {background-position:top left; z-index:50;}

* html #divContentMainMenu a:hover {height:32px; he\ight:0;}
*/
/* 
	
	Content Sub Menu
	
*/


#divContentSubMenu {
width:100%;
height:33px;
display:inline;
float:left;
margin:0px 0px 0px 0px;
padding:0px;
background:#ffffff url(../../img/admin/menu/backgroundcontentsubmenu.jpg) repeat-x left top;
}
#divContentSubMenu ul {margin:0; padding:0; list-style-type:none;}
#divContentSubMenu li {float:left; display:inline; margin-right:0px; padding:10px 5px 0px 15px; display:block;border:0;overflow:hidden;background:transparent url(../../img/admin/menu/border_content_sub.jpg) no-repeat left 1px;}
#divContentSubMenu li a:link,#divContentSubMenu li a:visited {
	color:#ffffff;
}
#divContentSubMenu li a:hover,#divContentSubMenu li a:active {
	color:#E31319;
}
#divContentSubMenu li.list1 {
	background:transparent;
}
/*#divContentSubMenu li.list1 {width:83px;background:transparent url(../../img/admin/menu/staged.jpg) no-repeat left top;}
#divContentSubMenu li.list2 {width:67px;background:transparent url(../../img/admin/menu/live.jpg) no-repeat left top;}
#divContentSubMenu li.list3 {width:67px;background:transparent url(../../img/admin/menu/live.jpg) no-repeat left top;}
#divContentSubMenu a {display:block; padding-top:33px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #divContentSubMenu a:link, * html #divContentSubMenu a:visited {height:33px; he\ight:0;}

#divContentSubMenu a#item1 {background:transparent url(../../img/admin/menu/staged.jpg) -115px -86px no-repeat;}
#divContentSubMenu a#item2 {background:transparent url(../../img/admin/menu/live.jpg) -115px -86px no-repeat;}
#divContentSubMenu a#item3 {background:transparent url(../../img/admin/menu/live.jpg) -115px -86px no-repeat;}

#divContentSubMenu a#item1:hover {background-position:top left; z-index:50;}
#divContentSubMenu a#item2:hover {background-position:top left; z-index:50;}
#divContentSubMenu a#item3:hover {background-position:top left; z-index:50;}

#divContentSubMenu a#item1Selected{background:transparent url(../../img/admin/menu/staged.jpg) top left no-repeat;}
#divContentSubMenu a#item2Selected{background:transparent url(../../img/admin/menu/live.jpg) top left no-repeat;}

* html #divContentSubMenu a:hover {height:33px; he\ight:0;}
*/
/*

	Forms
	
*/
#frm {
	margin:0px 0px 0px 10px;
	vertical-align:top;
	float:left;
}

fieldset {  
 float:left;
 display:inline;
clear: both;  
width: 650px;  
margin: 0 0 20px 0;  
padding: 0px 0px 20px 0px;  
border: 1px solid #BFBAB0;  
background-color: #e5e1bb; 
position:relative; 
}


legend {  
padding: 0;  
color: #000000;  
font-weight: bold;
font-size:1.1em;
}
legend span {
	position:absolute;
	left:10px;
	top:15px;
}
fieldset ol {  
 float:left;
 display:inline;
padding: 0px 10px 0 10px;  
margin:40px 0px 0px 0px;
}
fieldset li {  
float:left;
display:inline;
margin:10px 0px 0px 0px;
padding:0px;
clear: left;  
width: 100%;  
/*border:solid 1px red;*/
}

fieldset.submit {    
padding:0px;
background-color: #FFFFFF;
border:none;
}
label {  
float: left;  
display:inline;
width: 100px;  
margin-right: 10px;
}
label.lblLong {
	width:200px;
}
li span.error {  
display: block;  
color: #060;  
font-style: normal;  
text-transform: uppercase;
}

textarea,input.text,select
{
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;	
	display:inline;
	float:left;
	width:240px;
	background: #fafafa;
}
input.textShort {
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;	
	display:inline;
	float:left;
	width:100px;
	background: #fafafa;
}
input.checkbox {
	float:left;
	display:inline;
}

textarea {
height:200px;
width:500px;
}
textarea.fck {
height:300px;
width:300px;
clear:left;
}
input.submit, input.button
{
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#E31319;
	color:#ffffff;
	padding:0px 5px;	
	display:inline;
	float:left;
	margin-right:30px;
}
input[type="submit"] {
	background-color: #00ff00 !important;
}

/* 

The tables in divRight

*/

#divRight th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #ffffff;
	border-right: 1px solid #99b9b7;
	border-bottom: 1px solid #99b9b7;
	border-top: 1px solid #99b9b7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #99b9b7 url(images/bg_header.jpg) no-repeat;
}
#divRight td {
	border-right: 1px solid #99b9b7;
	border-bottom: 1px solid #99b9b7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #99b9b7;
}
#divRight td a {
	color:#E31319;
	text-decoration:underline;
	
}
/*

	General RHS 
	
*/
ul.actions {
	margin:10px 0px 10px 10px;
	
}
ul.actions lu li {

}
ul.actions li a {
	color:#000000;
	text-decoration:underline;
}