span.client_w
{
	display: block;
    float: left;
    width: 225px;
}

a.signed
{
	width: 17px;
	float: left;
	display: block;
	
}

.signed_image
{
	float:left;
}

h1.page_title
{
	color: #788185;
    display: block;
    float: left;
    font-family: trebuchet ms;
    font-size: 20px;
    font-weight: bold;
    margin-left: 35px;
    margin-top: 10px;
    width: 400px;
}

.link_button
{
	color: #FF5400;
    display: block;
    float: right;
    margin-left: 15px;
    margin-right: 25px;
    margin-top: 20px;
	
}

.link_button:hover
{
	text-decoration: underline;
}


.link_button1
{
	color: #FF5400;
    margin-left: 15px;
    margin-right: 25px;
    margin-top: 30px;
	
}

.link_button1:hover
{
	text-decoration: underline;
}


.link_button2
{
	color: #467631;
    display: block;
    float: right;
    margin-left: 15px;
    margin-right: 25px;
	
}

.link_button2:hover
{
	text-decoration: underline;
}


.left_field
{
	float: left;
	width: 50%;
	margin:0px;
}

.right_field
{
	float: right;
    margin: 0;
    padding-left: 0;
    width: 48%;
}

.new_sheet
{
	background-color: #FFAE00;
    border: 1px solid #ECA100;
    border-radius: 20px 20px 20px 20px;
    clear: none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 15px;
    margin: 20px;
    padding: 5px 12px;
    text-shadow: 1px 1px 0 #C78800;
    
}

.new_sheet:hover
{
	background-color: #ffbc2d;
}

#filters
{
	clear: both;
    float: none;
    margin: auto;
    width: 99%;
}

#filters .filter_input
{
	background-color: #C9E607;
    border: 1px solid #B4CD09;
    border-radius: 20px 20px 20px 20px;
    clear: both;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 15px;
    margin-bottom: 14px;
    margin-left: 50px;
    margin-right: auto;
    padding: 4px 10px;
    text-shadow: 1px 1px 0 #83A001;
}

#filters .filter_input:hover
{
	background-color: #d0ec17;
}

#filters .filter_input2
{
	background-color: #D5DEEF;
    border: 1px solid #B4CD09;
    border-radius: 10px 10px 10px 10px;
    clear: both;
    color: #656565;
    cursor: pointer;
    display: block;
    float: left;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    margin-bottom: 14px;
    margin-left: 50px;
    margin-right: auto;
    padding: 1px 3px;
    text-shadow: 1px 1px 0 #83A001;
}

#filters .filter_input2:hover
{
	background-color: #d0ec17;
}



#filters div.buttons
{
	width: 100%;
	float: left;
	clear: both;
}

#filters fieldset
{
	background-color: #E4F0FE;
    border: 0 solid #BAD9FD;
    display: block;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1020px;
	padding: 4px;
}

#filters legend.filter_button
{
	background-color: #F7F078;
    border: 1px solid #DECA5C;
    border-radius: 0 0 7px 7px;
    box-shadow: 0 2px 11px -5px #BBA52A inset, 0 1px 0 0 #E1EFFB;
    color: #FFFFFF;
    left: 25px;
    margin-left: 455px;
    padding: 3px 10px;
    position: absolute;
    top: -1px;
    z-index: 1000;
}

#filters legend.filter_button a
{
	color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    text-shadow: 0 0 1px #4E440C;
}

#filters div.filters_col1
{
	float:left;
  margin-bottom:15px;
  padding-left:30px;
  padding-right:30px;
  width:374px;
}

#filters div.filters_col2
{
	float:left;
  margin-bottom:15px;
  padding-left:10px;
  padding-right:20px;
  width:385px;
}

#filters div.filters_col3
{
	float:left;
  margin-bottom:15px;
  padding-left:15px;
  padding-right:5px;
  width:130px;
}

#filters label
{
	clear: both;
    display: block;
    float: left;
    height: 15px;
    width: 147px;
	margin-top: 9px;
}

#filter_form
{
	background-color: #FFFFFF;
    border-radius: 8px 8px 8px 8px;
    float: left;
    margin: 20px auto 6px 10px;
    padding: 0;
    width: 1000px;
}

#filter_form input.short[type="text"]
{
	background-color: #F8FBFC;
    border: 1px solid #CEE9F1;
    border-radius: 4px 4px 4px 4px;
    clear: left;
    display: block;
    float: left;
    margin-top: 3px;
    padding: 5px;
    width: 180px;
}

#filter_form span.selected
{
	color: #72A83D;
    float: left;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 4px;
    padding-bottom: 7px;
    padding-top: 10px;
    text-align: left;
    width: 327px;
}

#filter_form input.long[type="text"]
{
	
    width: 375px;
}

#costs_container
{
	float: left;
	clear: both;
	font-size: 11px;
}

#external_costs
{
	clear: both;
    display: block;
    float: left;
    font-size: 11px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-top: 20px;
    padding-left: 0;
    width: 500px;
}

#external_costs li
{
	display: block;
	float: left;
	clear: both;
}

#external_costs li.top_list
{
	border-bottom: 1px dotted #C3C3C3;
    margin-bottom: 4px;
    padding-bottom: 2px;
}

#external_costs li.top_list span
{
	font-weight: bold;
	color:#000;
}

#external_costs li input[type=checkbox]
{
	margin-top: 1px;
}

#external_costs li span
{
	display: block;
	float: left;
	clear: none;
	margin-right: 5px;
	color:#000;
}

#external_costs li span.check
{
	width: 18px;
}

#external_costs li span.date
{
	width: 70px;
}

#external_costs li span.name
{
	width: 200px;
}

#external_costs li span.amount
{
	width: 60px;
}

#external_costs li span.vat
{
	width: 60px;
}

#external_costs li span.total
{
	width: 60px;
}


#company_details
{
	clear: both;
    color: #818F9A;
    display: block;
    float: left;
    font-size: 11px;
    height: auto;
    margin-bottom: 20px;
    padding-left: 50px;
    width: 500px;
}

#company_details li
{
	display: block;
    float: left;
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
	
}

#new_payment
{
	float: left;
    margin-left: 10px;
    margin-top: 10px;
	margin-bottom: 30px;
}

.due
{
	color:#c33f2e;
}

.payed
{
	color:#9CBF00;
}

.second_title
{
	float: left;
    width:100%;
	margin-left: 10px;
}

.payment_left
{
	float: left;
	width: 255px;
	margin-left: 10px;
	
}

.payment_right
{
	float: left;
	width: 240px;
}

#payments_content
{
	width:550px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	float: none;
	clear: both;
	
}

#payments_content span.line
{
	clear:both;
	
}

#payments_content i
{
	font-style:normal;
	color: #818F9A;
}

#payments_content ul
{
	display: block;
	margin: 10px;
	padding: 0px;
	float: left;
	clear: both;
	
}

#payments_content ul li
{
	border-bottom: 1px dotted #CCCCCC;
    clear: both;
    display: block;
    float: left;
    height: auto;
    margin-bottom: 5px;
    margin-left: 0;
    padding-bottom: 3px;
    width: 100%;
}

#payments_content ul li.no_border
{
	border: 0 none;
    margin-bottom: 0;
    margin-top: 10px;
}

#payments_content ul li span
{
	display: block;
	float: left;
	height: 20px;
	padding: 2px;
	margin-right: 5px;
	text-align: center;
	color:#333;
}

#payments_content ul li span.date
{
	width: 120px;
	color:#818F9A;
	text-align:left;
}
#payments_content ul li span.value
{
	width: 200px; text-align:right;
}
#payments_content ul li span.username
{
	width: 100px; text-align:left; padding-left:30px;
}
#payments_content ul li span.delete
{
	width: 40px;
}

#menu_bar
{
	
    float: left;
    height: 34px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
	margin-bottom: 15px;
	background-color: #75AE5C;
	background: -moz-linear-gradient(#75AE5C, #67A54B) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #467631;
    border-top: 1px solid #95D679;
	
}

#menu_bar ul
{
	display: block;
    float: left;
    height: 28px;
    list-style: none outside none;
    margin-left: 22px;
    margin-right: auto;
    margin-top: 0;
    padding: 0;
    width: 98%;
}

#menu_bar ul li.user_details
{
	color: #E0FFB8;
    float: right;
    font-size: 13px;
    font-weight: normal;
    padding-top: 8px;
    text-shadow: 1px 1px 1px #444444;
}


#menu_bar ul li.user_details span.user_menu
{
	color: #E3E3E3;
    font-size: 12px;
    font-weight: normal;
    padding-top: 8px;
}

#menu_bar ul li.logout
{
	display: block;
    float: right;
    margin-right: 15px;
    margin-top: 1px;
	padding-left: 10px;
}

#menu_bar ul li.logout a
{
	background: url("../images/logout.png") no-repeat scroll 5px 4px transparent;
	opacity:0.9;
	filter:alpha(opacity=90);
    border-radius: 6px 6px 6px 6px;
    
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.20) inset;
    color: #CCCCCC;
    height: 17px;
    margin-top: 3px;
    padding-left: 8px;
	padding-right: 8px;
	width: 12px;
}

#menu_bar ul li.logout a:hover
{
	background: url("../images/logout.png") no-repeat scroll 5px 4px transparent;
	opacity:1;
	filter:alpha(opacity=100);
	border-radius: 6px 6px 6px 6px;
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.30) inset;
	color: #CCCCCC;
    height: 17px;
    margin-top: 3px;
    padding-left: 8px;
	padding-right: 8px;
	width: 12px;
}

#menu_bar ul li
{
    display: block;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
}

#menu_bar ul li a:hover
{
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.3) inset;
    display: block;
    float: left;
    
    margin-top: -1px;
}

#menu_bar ul li a.sel
{
	box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2) inset;
	color: #E0FFB8;
}

#menu_bar ul li a
{
	color: #FFFFFF;
    display: block;
    float: left;
    font-size: 13px;
    height: 27px;
    margin-top: -1px;
    padding: 9px 24px 0;
    text-shadow: 1px 1px 1px #444444;
    
}

#head div.companies
{
	float: right;
    height: 80px;
    margin-top: 15px;
    width: 530px;
}

#head div.companies a.smartout
{
	background: url(../images/intro/small_22.png);
	width: 174px;
	height: 65px;
	display: block;
	float: left;
	opacity:0.7;
	filter:alpha(opacity=70);
}

#head div.companies a.itd
{
	background: url(../images/intro/small_23.png);
	width: 174px;
	height: 65px;
	display: block;
	float: left;
	opacity:0.7;
	filter:alpha(opacity=70);
}

#head div.companies a.psg
{
	background: url(../images/intro/small_24.png);
	width: 174px;
	height: 65px;
	display: block;
	float: left;
	opacity:0.7;
	filter:alpha(opacity=70);
}

#head div.companies a.smartout:hover
{
	width: 174px;
	height: 65px;
	display: block;
	float: left;
	opacity:1;
	filter:alpha(opacity=100);
}

#head div.companies a.itd:hover
{
	width: 174px;
	height: 65px;
	display: block;
	float: left;
	opacity:1;
	filter:alpha(opacity=100);
}

#head div.companies a.psg:hover
{
	width: 174px;
	height: 65px;
	display: block;
	float: left;
	opacity:1;
	filter:alpha(opacity=100);
}

#head div.companies a.smartout_current
{
	background: url(../images/intro/small_color_22.png);
	width: 174px;
	height: 65px;
	display: block;
	float: left;
	opacity:1;
	filter:alpha(opacity=100);
}

#head div.companies a.itd_current
{
	background: url(../images/intro/small_color_23.png);
	width: 174px;
	height: 65px;
	display: block;
	float: left;
	opacity:1;
	filter:alpha(opacity=100);
}

#head div.companies a.psg_current
{
	background: url(../images/intro/small_color_24.png);
	width: 174px;
	height: 65px;
	display: block;
	float: left;
	opacity:1;
	filter:alpha(opacity=100);
}

#head
{
	width: 100%;
	height: 100px;
	float: left;
	clear: both;
	margin-left: auto;
	margin-right: auto;
}

#head a.logo
{
	clear: left;
    display: block;
    float: left;
    height: auto;
    margin-left: 15px;
    width: 300px;
}


#intro
{
	width: 736px;
	background: url(../images/intro/back_03.jpg) no-repeat;
	height: auto;
	min-height: 702px;
	margin: auto;
	clear: both;
	float: none;
}

#logo
{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 255px;
	height: 90px;
	background: url(../images/intro/logo_04.png) no-repeat;
}

#band
{
	margin-top: 300px;
	height: 99px;
	width: 100%;
	text-align:center;
	background: url(../images/intro/band_10.png) repeat-x;
}

#band a
{
	display: block;
	margin:0 auto;
	position:relative;
	padding: 0px;
	width: 240px;
	height: 99px;
}

#login_form
{
	border: 1px solid #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 160px;
    width: 300px;
	background: url(../images/intro/transparent_09.png) repeat;
	box-shadow: 0 0 7px #555555;
}

.smartout
{
	background: url(../images/intro/comp_09.png) no-repeat;
	margin:0 auto;
}

.itd
{
	background: url(../images/intro/comp_10.png) no-repeat;
}

.psg
{
	background: url(../images/intro/comp_11.png) no-repeat;
}

.smartout:hover
{
	background: url(../images/intro/color_09.png) no-repeat;
	cursor: pointer;
}

.itd:hover
{
	background: url(../images/intro/color_10.png) no-repeat;
	cursor: pointer;
}

.psg:hover
{
	background: url(../images/intro/color_11.png) no-repeat;
	cursor: pointer;
}