/*
    Bongo web administration interface (aka Hawkeye) stylesheet
    (c) 2007 Alexander Hixon <hixon.alexander@mediati.org> - see COPYING for details
    Last modified: Sunday May 20, 2007

    =======[ Global Styles ]=======
*/

body {
    background-color: #eeeeec;
    font-size: 16px;
    font-family: luxi sans, trebuchet ms, bitstream vera sans, sans-serif;
    color: #eeeeec;
    padding: 0px;
    margin: 0px;
}

#body-override {
    color: #2e3436;
    background: url('/img/bg.png');
    background-repeat: repeat-x;
    background-color: #fff;
    margin-top: 25px;
    margin-left: 60px;
    margin-right: 60px;
}

/*
    =======[ Login Styles ]=======
*/

#login { 	
    font-size: 110%;
    position:absolute;
    height:300px; 
    width:400px;
    margin:-150px 0px 0px -200px;
    top: 50%; 
    left: 50%;
    
    text-align: center;
    padding: 0px;
    background-image: url('../img/login-pane.png');
    /*background-repeat: no-repeat; /* Make sure this doesn't actually happen. */
    overflow: none;
}

#login form {
    padding: 16px;
    padding-top: 6.5em;
}

.inputbox {
    width: 178px;   /* 200px - 22px */
    margin-bottom: 2px;
}

#login select {
    width: 202px;
}

.submit {
    padding-top: 1em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

input, select {
    color: #555753;
    background-color: #eeeeec;
    border: 1px solid #2e3436;
}

.lang {
    background-image: url('../img/locale.png');
}

.username {
    background-image: url('../img/user.png');
}

.password {
    background-image: url('../img/locked.png');
}

.password, .username, .lang {
    padding-left: 22px;
    min-height: 18px;
    background-repeat: no-repeat;
}

/*
    =======[ Main Styles ]=======
*/

#userinfo {
    padding-top: 20px;
    font-size: 80%;
    float: right;
}

#logo {
    margin-bottom: 60px;
}

p {
    font-size: 90%;
    color: #2e3436;  /* Tango DARK-GREY */
}

#page {
    background: url('/img/cbg.png');
    background-repeat: repeat-x;
    background-color: #eeeeec;  /* Tango GREY */			
    margin-left: 155px; /* Push across width of sidebar, minus 10px, for bg behind round corner */
	padding-left: 20px; /* Prints BG for 10px, now flush with sidebar */
	padding-top: 6px;
    min-height: 500px;
    
    -moz-border-radius-bottomright: 20px;
    -khtml-border-radius-bottomright: 20px;
    border-radius-bottomright: 20px;
}

#content {
    padding-left: 12px;
    padding-right: 12px;
}

.breadcrumb {
    font-size: 75%;
}

.floaty {
    float: right;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
}

/*
    =======[ Sidebar Styles ]=======
*/

#sidebar {
    color: #eeeeec; /* Tango WHITE */
    background: url('/img/sbg.png');
    background-repeat: no-repeat;
    background-color: #2e3436;  /* Tango DARK-GREY */
    float: left;
    min-height: 500px;
    width: 175px;

    text-align: right;
    margin-right: 0px;
    padding-right: 0px;
    padding-bottom: 6px;

    -moz-border-radius-bottomleft: 20px;
    -khtml-border-radius-bottomleft: 20px;
    border-radius-bottomleft: 20px;

    -moz-border-radius-bottomright: 20px;
    -khtml-border-radius-bottomright: 20px;
    border-radius-bottomright: 20px;
}

.helpitem {
    /* FIXME! */
}

.selecteditem {
    background-image: url('/img/sel.png');
    width: 175px;
    background-repeat: no-repeat;
    color: #2e3436;
}

.disabled {
    color:#aaa !important;
}

ul.nav,
.nav ul{
    margin-right: 0px;
    padding-left: 4px;
    margin-left: 6px;
    padding-right: 0px;
	list-style-type: none;
}

a.nav,
.nav a{
    color: #eeeeec;
    text-decoration:none;
}

a.selecteditem,
.selecteditem a:link,
.selecteditem a:visited {
    color: #2e3436;
    text-decoration:none;
}

li.nav,
.nav li{
    display: block;
	font-size: 115%; /* Bold maybe?  */
    min-height: 35px;
	text-align: left;
	
	padding-left: 15%;
    padding-right: 15px;
    margin-bottom: 15px;
    text-decoration:none;
    margin-top: 5px;
	width: 95%;
}

img.icon {
    margin-right: 6px;
	vertical-align:middle;
}

ul.nav{
	width: 100%;
}

/*
    =======[ Table Styles ]=======
*/

.htable {
    border: 3px solid #729fcf;
    -moz-border-radius: 10px;
}

.hrow {
    color: #d3d7cf;
    font-weight: bold;
    padding-left: 4px;
}

.highlight, .highlight0 {
    color: #d3d7cf;
    background-color: #204a87;
}

.highlight1 {
    color: #d3d7cf;
    background-color: #3465a4;
}

.drow {
    color: #d3d7cf;
}

/*
    =======[ Message Notification Styles ]=======
*/

.error, .info {
    -moz-border-radius: 5px;

    margin-right: 12px;
    min-height:18px; /* Icon size - total padding (top & bottom) */
    padding-top: 8px;
    padding-bottom: 8px;

    padding-left: 36px;
    background-repeat: no-repeat;
}

.error {
    background-image: url('/img/dialog-error-32.png');
    background-color: #a40000;
    color: #eeeeec;
    border: 3px solid #cc0000;
}

.info {
    background-image: url('/img/dialog-information-32.png');
    background-color: #3465a4;
    color: #eeeeec;
    border: 3px solid #204a85;
}

/*
    =======[ Button Styles ]=======
    http://www.hedgerwow.com/360/dhtml/css-round-button/
*/

a.button, span.button, del.button {
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}

a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span {
    background-image:url('/img/form_buttons.png');
    _background-image:url('/img/form_buttons.gif');
}


a.button span, span.button button, span.button input, del.button span {
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    /*letter-spacing:0 !important;
    font-family:"Arial" !important;*/
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
}


span.button button {
    line-height:2.5; /*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span {
    line-height:1.3;
}

html.safari span.button button {
    line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus {
    outline:none;
}

del.button {
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
}

del.button span {
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}

span.button button, span.button input {
	padding-top:0px;
	line-height:2.5;    /*Opera need this*/
}

/*Hover Style*/
a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover {
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}

a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input {
	background-position:100% -60px;
}

a.button:active, a.button:focus span {
	color:#444;
}

del.button-behavior-hover, del.button:hover {
	background-position:0 -180px;
	/* cursor:not-allowed; */
}

del.button-behavior-hover span, del.button:hover span {
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}

/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));




}

