/* Olate Theme File */
html, body {
   margin:0px;
   padding:0px;
   height:100%;
 }


body
{
	font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
    padding: 0px;
    margin: 0px;
    background:#F8F8F8 url(../images/containerWrapInner.png) repeat-x scroll left top;
}

#inner-body {
   width: 95%;
   margin: 0px auto;
   padding-top: 20px;
   display: block;
   font-family: Arial;
   #line-height: 30px;
   color: #000000;
   #min-height:400px;
 }

 #inner-body h1 {
    color:#000000;
    #font-size:24px;
    font-weight:bold;
    margin-bottom:15px;
    margin-left: 0px;
    margin-top: 0px;
    padding: 0px;
 }

/********
* Header
*********/
#header
{
	#background : url(../images/header_bg.gif) top repeat-x;
	#border-bottom : 10px solid #A43A15;
}

#header a#logo:link, #header a#logo:visited
{
	background-image : url(../images/logo.gif);
        height: 54px;
        width: 174px;
}

#header ul
{
	border-bottom : 10px solid #163F8B;
}

#header li a:link, #header li a:visited
{
	#border-right : 1px solid #A9B7CE;
	#color : #4768A4;
}

#header li a:hover
{
	#color : #6886BE;
}
/************
* End Header
*************/

/************
* Navigation
*************/
#navigation
{
	#background : #E4EAEF url(../images/nav_bg.gif) top repeat-x;
	#border-top : 1px solid #B8C9D8;
    /*
	color : #425D8D;
	height: 25px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
    */
}

#navigation a:link, #navigation a:visited
{
	color : #657FA6;
}

#navigation a:hover
{
	color : #455F8D;
	text-decoration : none;
}
#navigation span.current
{
	color : #204070;
	font-weight : bold;
}

/*****************
* Navigation Tabs
******************/
ul.tabs
{
	float: right;
	height: 20px;
    margin-top: 0px;
	margin-right: 0px;
	position: relative;
	z-index: 1;
}

ul.tabs li
{
	list-style-type: none;
	display: inline;
	margin: 0;
}

ul.tabs li a
{
	float: left;
	font-size: 11px;
	line-height: 12px;

	padding: 4px 10px 4px 10px;
	margin-left: 4px;

	border-top: 3px double #ccc;
	border-left: 3px double #ccc;
    border-right: 3px double #ccc;
	border-bottom: 3px double #ccc;

	background: white;
}

ul.tabs li a.selected
{
	#border-bottom: 1px solid white;
	background: transparent;
}

ul.tabs li a span
{
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: -3px;
	padding: 2px 5px 2px 16px;
	background-color: white;
}

ul.tabs li a span.add
{
	background-image: url(../images/icons/add.jpg);
}

ul.tabs li a span.search
{
	background-image: url(../images/icons/magnifier.jpg);
}

ul.tabs li a span.email
{
	background-image: url(../images/icons/email.jpg);
}

ul.tabs li a span.money
{
	background-image: url(../images/icons/money.jpg);
}

ul.tabs li a span.money_delete
{
	background-image: url(../images/icons/money_delete.jpg);
}

ul.tabs li a span.edit
{
	background-image: url(../images/icons/pencil.jpg);
}

ul.tabs li a span.delete
{
	background-image: url(../images/icons/delete.jpg);
}

ul.tabs li a span.statistics
{
	background-image: url(../images/icons/chart_bar.jpg);
}

ul.tabs li a span.risk
{
	background-image: url(../images/icons/flag_red.jpg);
}

ul.tabs li a span.code
{
	background-image: url(../images/icons/script_code.jpg);
}

ul.tabs li a span.code_red
{
	background-image: url(../images/icons/script_code_red.jpg);
}

ul.tabs li a span.help
{
	background-image: url(../images/icons/help.jpg);
}

ul.tabs li a span.information
{
	background-image: url(../images/icons/information.jpg);
}

ul.tabs li a span.maintenance
{
	background-image: url(../images/icons/cog_edit.jpg);
}

ul.tabs li a span.voucher
{
	background-image: url(../images/icons/tag_orange.jpg);
}

ul.tabs li a span.script
{
	background-image: url(../images/icons/script.jpg);
}

ul.tabs li a span.blacklist
{
	background-image: url(../images/icons/bomb.jpg);
}

ul.tabs li a span.export
{
	background-image: url(../images/icons/arrow_down.jpg);
}

ul.tabs li a span.import
{
	background-image: url(../images/icons/arrow_up.jpg);
}

ul.tabs li a span.api
{
	background-image: url(../images/icons/application_link.jpg);
}

ul.tabs li a span.connect
{
	background-image: url(../images/icons/connect.jpg);
}

ul.tabs li a span.license
{
	background-image: url(../images/icons/key.jpg);
}

ul.tabs li a span.extra
{
	background-image: url(../images/icons/key_add.jpg);
}

ul.tabs li a span.group
{
	background-image: url(../images/icons/folder_key.jpg);
}

ul.tabs li a span.manage
{
	background-image: url(../images/icons/wrench.jpg);
}

ul.tabs li a span.error
{
	background-image: url(../images/icons/cross.jpg);
}

.with_id
{
	margin-left: 30px;
}

/*********************
* End Navigation Tabs
**********************/
/****************
* End Navigation
*****************/

/**********
* Headers
**********/
h1
{
	/*background : white url(../images/h1_border.gif) bottom repeat-x;*/
	margin: 5px 0 0 20px;
	color : #163F8B;
}

h1 em
{
	color : #234D8D;
}

h2
{
	color:#000000;
    font-size:18px;
    font-weight:bold;
    padding-bottom:11px;
}

h2 span.small
{
	margin-left: 5px;
	font-size: 0.7em;
}

h3
{
	border-bottom : 1px solid #D2DFEB;
	color : #354D6B;
}

h4
{
	color : #0C234D;
	font-weight : bold;
	text-decoration : underline;
}
/*************
* End Headers
**************/

/**************
* General Text
***************/
p
{
	font-size : 1.2em;
	color : #000000;
}
/******************
* End General Text
*******************/

/*******
* Links
********/
a:link, a:visited
{
	color : #3D61A3;
	text-decoration : none;
}

a:hover
{
	text-decoration : underline;
}

a.sort_asc, a.sort_desc
{
    background : url(../images/arrow_up.gif) right 4px no-repeat;
    padding-right : 14px;
}

a.sort_desc
{
	background-image : url(../images/arrow_down.gif);
}
/***********
* End Links
***********/

/*********
* Tables
**********/
table
{
        border: 1px solid #D0D0D0;
        background : #E0E0E0;
        border-collapse: collapse;
}


th, td
{
        background : #FFFFFF;
        border: 1px solid #D0D0D0;
        /*border-top : 1px solid #D5E1F6;*/
        /*border-right : 1px solid white;
        border-bottom : 1px solid white;*/
}

th
{
        background : #000000;
        border-left : 0;
        color : #FFFFFF;
}

th a:link, th a:hover, th a:visited
{
	color: white;
}

tr.alt td, td.alt, td.empty
{
	#background : #F7F9FB;
}

td.empty
{
	text-align: center;
}

tr>th.last, td.last, td.manage, td.empty
{
	border-right : 0;
}

td.manage, td.id
{
	text-align : center;
}

table.settings td.left
{
	width: 26%;
}

.center
{
	text-align: center;
}

/************
* End Tables
*************/

ul.list
{
	font-size : 1.2em;
	margin : 6px 12px;
	margin : 0;
	padding : 0;
}

ul.list li
{
	border-bottom : 1px solid #E7EEF9;
	list-style : none;
	margin : 0;
	padding : 0;
}

ul.list a:link, ul.list a:visited
{
	background : #FAFCFD url(../images/arrow.gif) 5px center no-repeat;
	border : 1px solid white;
	display : block;
	padding : 6px 8px 6px 32px;
	text-decoration : none;
}

ul.list li.alt a:link, ul.list li.alt a:visited
{
	background-color : #F2F8FA;
}

ul.list a:hover
{
	background-image : url(../images/arrow_on.gif);
}

ul.treeview li
{
	list-style: none;
}

ul.treeview li.level1
{
	text-indent: 20px;
}

ul.treeview li.level2
{
	text-indent: 40px;
}

ul.treeview li.level3
{
	text-indent: 60px;
}

p.message
{
	background : #779BD1;
	border : 3px double white;
	color : white;
	margin : 12px;
	padding : 4px;
}

/*********
* Notices
**********/
#fail
{
    clear: both;
	background: #BE4646 url(../images/cross.gif) 5px center no-repeat !important;
	border : 3px double white;
	font-size: 1.1em;
	padding-left : 25px;
	margin-bottom: 10px;
}

#fail p
{
	color : white;
}

p#fail
{
	border : 0;
	border-left : 1px solid #B23636;
	border-top : 1px solid #B23636;
	color : white;
	padding-left : 30px;
}

p#fail.comment
{
	margin : 12px;
}

#fail a:link, #fail a:visited
{
	color : #F4E0E0;
	text-decoration : underline;
}

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

#success
{
    clear: both;
	background: #73C350 url(../images/tick.gif) 5px center no-repeat !important;
	border: 3px double white;
	font-size: 1.1em;
	padding-left : 25px;
	margin-bottom: 10px;
}

#success p
{
	color : white;
}

#success a:link, #success a:visited
{
	color : #E5F1DF;
	text-decoration : underline;
}

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

#notice
{
    clear: both;
	background: #1F829E url(../images/notice.gif) 5px center no-repeat !important;
	border : 3px double white;
	font-size: 1.1em;
	padding-left : 25px;
	margin-bottom: 10px;
}

#notice p
{
	color : white;
}

p#notice
{
	border : 0;
	color : white;
}

p#notice.comment
{
	background-position : left center !important;
	font-size : 1em;
	margin : -1px;
}

#notice a:link, #notice a:visited
{
	color : #D8E9EE;
	text-decoration : underline;
}

#notice a:hover
{
	color : white;
	text-decoration : none;
}
/*************
* End Notices
**************/

.small
{
	font-size:0.9em;
}

span.directory
{
	font-family:"Courier New", Courier, monospace;
}

.top
{
	border-top : 1px solid white;
}

/*************
* Slider Bar
*************/
#slider-wrapper
{
	margin: -20px 0 0 70px;
	padding-bottom: 20px;
}

#track-left
{
	position: absolute;
	float: left;
	width: 5px;
	height: 9px;
	background: transparent url('../images/slider-track-left.png') no-repeat left;
}

#track
{
	background: transparent url('../images/slider-track-right.png') no-repeat right;
	width: 200px;
	height: 9px;
	position: absolute;
	float: right;
}

#slider-handle
{
	width: 15px;
	height: 20px;
	cursor: pointer;
	margin-left: 5px;
	background: url('../images/slider-handle.gif') no-repeat;
}
/****************
* End Slider Bar
****************/

/*************
* Statistics
*************/
#statistics
{
	margin: 10px 10px 10px 10px;
}

#statistics h2
{
	margin-top: 10px;
}

#statistics span.small
{
	font-size: 0.7em;
}

#stats_menu
{
	padding: 5px;
	border-top: 1px solid #B8C9D8;
	border-bottom: 1px solid #B8C9D8;
	background: #E8EFF5;
}

.border_top
{
	border-top: 2px solid #B8C9D8;
}

.chart p
{
	text-align: center;
	border-bottom: 1px solid #A7B8C7;
}
/***************
* End Statistic
****************/

/***********
* Fieldsets
************/
fieldset
{
	border: 1px solid #C2CDFF;
    background-color: white;
}

legend
{
	color: #BF1635;
}
/***************
* End Fieldsets
***************/

/*******
* Forms
********/
/* Opera Hack */
@media all and (min-width: 0px){
#login input
{
	font-size: 1.2em!important;
}
}
/***********
* End Forms
************/

/********
* Footer
*********/
#footer
{
	background : #163F8B;
	color : white;
}

#footer a:link, #footer a:visited
{
	color : #E1E8F4;
}

#footer a:hover
{
	color : white;
}
/********
* Footer
*********/