﻿body
{
	margin: 0;
	padding: 0;
	width: 100%;
	
	font-family: Arial, Calibri, Tahoma;
	font-size:12px;	
	background-color:#FEFEFE;
}
html { padding:0; margin:0; }
html, body, form{height:100%;}
#wrapper
{	
	min-height: 100%;
	margin: 0px;
	min-width: 900px;
	height: 100%; width: 100%; 
	background-image: url('images/resize_hor.png');
	background-repeat: repeat-y;
	background-position: 175px;
	
}
#wrapper tr td { vertical-align:top !important; }
#footer {background: url('images/bg.png') left bottom repeat; height:13px;}

#header{background-color:#2D2D2D; width:100%; background: url('images/bg.png') left bottom repeat;}
#header a{color:#ffffff;}
#logo { width:250px; height:65px; margin:11px 0 0 11px; padding:0; float:left;}
#info{float:right;color:#7c7c7c; text-align:right; padding:10px 5px; line-height:25px;}
#menu {background: url(images/menu_bg_center.gif) left top repeat-x; height:55px; color:#ffffff;}
#menu-left{background: url(images/menu_bg_left.gif) left top no-repeat; height:55px;}
#menu-right{background: url(images/menu_bg_right.gif) right top no-repeat; height:55px;padding:18px 0 0 15px; font-weight:bold;}
#menu-right ul{padding:0px; margin:0px; display:block;}
#menu-right ul li
{
	float:left;
	list-style:none;	
	padding-left:15px;
	padding-right:15px;
	background: url(images/menu_div.gif) left top no-repeat;
}
#menu-right ul li a:hover
{
	color:#000000;
}

#content
{
	padding: 0px;
	color: #3a3c3c;
}

#content-left{width:175px; min-width:175px; padding:0px 10px 10px 0px; vertical-align:top !important;}
#content-right{ vertical-align:top !important; padding:0px 0px 10px 0px ; }

.clear{clear:both;}
.fleft{float:left;}
.fright{float:right;}
.block{display:block; color:Gray !important;}
/** HEADINGS  **/

h1,h2{font-size:18px; color:#3a3c3c; margin:2px 0px 5px 0px; }
h3{font-size:16px; color:#3a3c3c; margin:2px 0px 5px 0px;}
h4{font-size:13px; color:#3a3c3c; margin:2px 0px 5px 0px;}

/** INPUT **/
input, textarea, select { font-family: Arial, Tahoma, Geneva, sans-serif; font-size:1em;padding:3px 3px 3px 3px;border:solid 1pt #C4C4C2;}
input, select { vertical-align:middle; font-weight:normal;}
input[type="checkbox"],input[type="radio"]{margin:2px;border:none;}
img {border:0; margin:0; padding:0;}
input[type="button"]{height:28px; color:#ffffff; padding:4px 5px 4px 5px; border:solid 2px #CCDAE7; background :#EEEEEE url('images/bg_btn.png') left -28px repeat-x;}
input[type="button"]:hover{border:solid 2px #D3E7CB; background :#EEEEEE url('images/bg_btn.png') left -1px repeat-x;}

.btn-01{height:28px; color:#ffffff; padding: 4px 5px 4px 5px; border:solid 2px #CCDAE7; background :#EEEEEE url('images/bg_btn.png') left -28px repeat-x;}
.btn-01:hover {border:solid 2px #D3E7CB; background :#EEEEEE url('images/bg_btn.png') left -1px repeat-x;}

/** TABLE **/
TD { text-align:left;}

/** LINKS **/
a{text-decoration:none; color:#5C7D0F;}
a:hover{color:#2D2D2D;}

/** GRID **/
.grid_01 TH
{
	padding:6px 4px 6px 4px;
}
.grid_01 TD
{
	padding:1px 4px 1px 4px;
}


/** LINES **/
.line-hor-01
{
	background-color: #CCCCCC; height:3px; margin-bottom:3px;
}

/** MISC **/
.no-border{border:0px  !important;}
.no-bg-color{background-color:Transparent !important;}

/** LISTS **/
.list-01
{
	margin:1px 0px;
	padding:0px;
}
.list-01 li
{
	list-style:none;
}
.list-01 li a
{
	display: block;
	color:#000000;
	background :#EEEEEE url('images/bg_header_02.png') left top repeat-x;
	height:28px;
	margin-bottom:1px;
	padding:5px 0 0 3px;
}
.list-01 li a:hover
{
	background-color:#2D2D2D;
	color:#88AE2F;
}

.list-01 li ul
{
	margin:1px 0px;
	padding: 0px 0px 0px 18px;
}
.list-01 li li a
{
	color:#000000;
	background:none;
}
.list-01 li li a:hover
{
	background:none;
}

.list-02
{
	margin:1px 0px 0 25px;
	padding:0px;
}
.list-02 li
{
	font-weight:bold;
}
.list-02 li a
{
	display: block;
	color:#000000;
	height:28px;
	margin-bottom:1px;
	padding:5px  0 0 13px;
}
.list-02 li a:hover
{
	color:#88AE2F;
}

/** TEXT ALIGN **/
.align-center{text-align:center !important;}
.align-left{text-align:left;}
.align-middle{ vertical-align:middle}
.align-top{ vertical-align: top !important;}
.align-right{text-align:right;}

/** TEXT COLORS **/
.txt-white{color:#ffffff;}
.txt-black{color:#000000;}
.txt-blue{color:#47B6FF;}
.txt-red{color: #FF2B2B;}
.txt-comments{color:#737474;}
.txt-highlight{color:#BF0000;}

/** TEXT STYLE **/
.txt-bold{font-weight:bold;}
.txt-small{font-size:11px;}
.txt-big{font-size:15px;}

/** MARGINS **/
.mar_t_01{margin-top:10px;}


/** TOOLBAR **/
.toolbar	
{
	color:#5C7D0F;
	background :#EEEEEE url('images/bg_header_01.png') left bottom repeat-x;
	height:35px;
	font-weight:bold;
	line-height:30px;
	padding-left:2px;
}
.toolbar ul
{
	list-style:none;
	margin:0px;
	padding:0px;
}
.toolbar ul li
{
	float:left;
	list-style:none;
	cursor:pointer;
	background :url('images/toolbar_div.png') right center no-repeat;
	height:35px;
	margin: 0px 0px 0px 3px;
	padding: 0px 10px 0px 0px;
}
.toolbar h2
{
	font-size:18px; color:#3a3c3c; margin:0px 0px 5px 0px; 
}

/** HEADERS **/
.header-01	
{
	color:#5C7D0F;
	background :#EEEEEE url('images/bg_header_01.png') left bottom repeat-x;
	height:35px;
	font-weight:bold;
	line-height:30px;
	padding-left:2px;
}
.header-02
{
	background :#EEEEEE url('images/bg_header_02.gif') left bottom repeat-x;
	border-top: #eaebeb 2px solid;
	line-height: 300%;
	background-color: #658A23;
	border-bottom: #eaebeb 2px solid;
	border-left: #eaebeb 2px solid;
	border-right: #eaebeb 2px solid;
	font-weight: bold;
	color: #ffffff;
	padding:0px 10px 0px 5px;
}


/** FORMS **/
.form_01
{
	margin:auto;
	padding:5px;
}

.search .field-title
{
	font-weight:bold;	
	padding:2px 0 2px 0;
}
.search TD
{
	padding:1px 1px 1px 5px;
}

.form_01 h2 {font-size:18px; color:#3a3c3c; margin:2px 0px 5px 0px;}
.form_01 .data-fields { margin: 10px auto 10px auto;}
.form_01 .data-fields TH{ padding:4px 5px 4px 0px;}
.form_01 .data-fields TD{ padding:4px 0px 4px 5px;}

.form_01 .buttons { margin:auto;}


.form_02
{
	margin:auto;
	padding:5px;
}
.form_02 h2
{
	color:#5E7F0F; font-size:16px; margin:10px 0px 15px 0px; padding:0px 0px 5px 0px;  font-weight:normal; letter-spacing:1pt; border-bottom:solid 1pt #BDBDBD;
}
.form_02 th.label
{
	text-align:right;
	padding: 5px 15px 10px 0px;
	font-weight:normal;
	color:#00628B;
}
.form_02 td.field
{
	text-align:left;
	padding: 5px 0px 10px 0px;
}
.form_02 .validate
{
	text-align:left;
	padding: 5px 0px 10px 5px;
	width:200px;
	font-size: 11px;
}

.form_02 .buttons	
{
	margin:20px auto;
	color:#5C7D0F;
	font-weight:bold;	
}
.form_02 .buttons ul
{
	list-style:none;
	margin:auto;
	padding:0px;
	display:block;
}
.form_02 .buttons ul li
{
	float:left;
	list-style:none;
	cursor:pointer;
	background :url('images/toolbar_div.png') right center no-repeat;	
	padding: 0px 20px 0px 20px;
	text-align:center;
	
}
.form_02 .buttons ul li.last
{
	background:none;
}
/** PAGING **/
.paging
{
	height:22px;
	background-color:#eff3fb;
	/*background:url(images/paging_bg.png) left top repeat-x;*/
	color:#000000;
}
.paging img
{	
}
/** CONTAINERS **/
.cnt-01 {
}

.cnt-01-tl {
    float:left;
    background-image:url(images/cnt_01_t_l.png);
    width:10px;
    height:5px
}
.cnt-01-tc {
    background-image:url(images/cnt_01_t_c.png);
    height:5px
}
.cnt-01-tr {
    float:right;
    background-image:url(images/cnt_01_t_r.png);
    width:10px;
    height:5px
}
.cnt-01-tl-02 {
    float:left;
    background-image:url(images/cnt_01_t_l_02.png);
    width:10px;
    height:5px
}
.cnt-01-tc-02 {
    background-image:url(images/cnt_01_t_c_02.png);
    height:5px
}
.cnt-01-tr-02 {
    float:right;
    background-image:url(images/cnt_01_t_r_02.png);
    width:10px;
    height:5px
}
.cnt-01-c
{    
    border-right: 1pt solid #DCE0EB;    
    border-left: 1pt solid #DCE0EB; 
    background-color: #EDEFF4;
    padding:7px;
}
.cnt-01-bl{
    float:left;
    background-image:url(images/cnt_01_b_l.png);
    width:10px;
    height:7px
}
.cnt-01-bc
{    
    background-image:url(images/cnt_01_b_c.png);
    height:7px
}
.cnt-01-br {
    float:right;
    background-image:url(images/cnt_01_b_r.png);
    width:10px;
    height:7px
}

/** MESSAGE BOXES **/
.info , .success , .warning , .error , .accessdenied , .validation 
{
	background-color:#ffffff;
}

 .info .caption , .success .caption, .warning .caption, .error .caption, .accessdenied .caption, .validation .caption 
{
	background :#EEEEEE url('images/bg_header_02.gif') left bottom repeat-x;
	border-top: #eaebeb 2px solid;
	line-height: 300%;
	border-bottom: #eaebeb 2px solid;
	border-left: #eaebeb 2px solid;
	border-right: #eaebeb 2px solid;
	font-weight: bold;
	color: #ffffff;
	padding: 0px 10px 0px 5px;
	height:36px;	
}

.info .title, .success .title, .warning .title, .error .title, .accessdenied .title, .validation .title{
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding: 20px 10px 15px 50px;
    font-weight:bold;
}
.info .title {
    color: #00529B;
    background-image: url('images/info_32.png');
}
.success .title{
    color: #4F8A10;
    background-image:url('images/success_32.png');
}
.warning .title{
    color: #9F6000;
    background-image: url('images/warning_32.png');
}
.error  .title{
    color: #D8000C;
    background-image: url('images/error_32.png');
}
.accessdenied  .title
{
	color: #D8000C;
	background-image: url('images/denied_32.png');
}

.info .content , .success .content, .warning .content, .error .content, .accessdenied .content, .validation .content
{
	background-color:#F6F6F6 !important;
}

.info .message , .success .message , .warning .message, .error .message, .accessdenied .message, .validation .message
{
	padding: 5px 20px 15px 50px;
}

.info ul , .success ul, .warning ul, .error ul, .accessdenied ul, .validation ul
{
	margin:0px 0px 0px 15px;
	padding:0px;
}


/** AJAX **/

.modalBackground {
	background-color:Gray;
	opacity:0.7; /* Valid in CSS Level 3 */
	filter: alpha(opacity = 70);

}

.modalPopup {
	background-color:#ffffdd;
	border-width:2px;
	border-style:solid;
	border-color:Gray;		
}

/* MISC */
.cursor-hand
{
	cursor:pointer;
}