﻿html, body {
	height:100%;
}

body{
	height:100%;
	padding:0 0 20px 0;
	margin:0;
	font-family:arial;
	background:white;
}

h2{
    padding:10px 0 0 50px;
    margin:10px 0 10px;
    font-weight:bold;
    font-size:26px;
    color:#555555;    
    background-position:10px 10px;
}

h3{
    margin:0;
    font-weight:normal;
    font-size:18px;
    color:#555555;        
}

input[type="file"]{
    -webkit-appearance: textfield;
    padding: 1px;
    background-color: white;
    border: 2px inset;
    border-image: initial;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    cursor: auto;    
}


#page{
	height:auto;
	min-height:100%;
	margin:0 20px 10px 20px;
	background:white;
}

#content{
	height:100%;
	padding:15px 0;
	/*margin-left:300px;*/
}

#sidebar{
	float:left;
	margin:5px 25px 25px 25px;
	width:250px;		
}

#logo{
	width:250px;
	text-align:center;
}
#logo img{
	border:0;	
}

/* Message */
.message{
	border:1px dotted blue;	
	margin:10px;
	font-size:12px;
	background:white;
	color:blue;
}

.messageText{
	padding:10px;	
}

/*Message error*/
.messageError{
	border:1px dotted red;	
	margin:10px;
	font-size:12px;
	background:white;
	color:red;
}

/* Validation Summary */

.validationSummary{
	border:1px dotted red;	
	margin-bottom:20px;
	margin-right:40px;
	font-size:12px;
	background:white;
	color:red;
}

.validationSummary ul{
	padding-left:10px;	
	list-style-type:none;
	font-weight:bold;
}


/* Navigation */
.navigation{
	margin:10px 0;
	border:1px solid white;	
	background:#efefef;
	-moz-box-shadow:0 0 3px black;
	-webkit-box-shadow: 0px 0px 3px black;
	box-shadow:0px 0px 3px black;    
}

.navigation-list{
	list-style:none outside none;
	padding-left:15px;
	margin-left:0;
	font-size:16px;
}

.navigation-list li{
	margin-bottom:12px;	
	
}

.navigation-list a{
    display:block;
    height:20px;
	text-decoration:none;
	padding-left:28px;
	padding-top:4px;
	color:#777777;
	cursor:pointer;	
}

.navigation-list a:hover{
    display:block;
    height:20px;
	text-decoration:none;
	padding-left:28px;
	padding-top:4px;
	color:#000000;	
    cursor:pointer;
}

/* Subnavigation */
.subnavigation{
	list-style:none outside none;
	display:none;
	font-size:13px;
	margin-left:20px;
	margin-top:10px;
	padding-left:0px;
	padding-bottom:0;
}

.subnavigation li{
	margin-bottom:10px;	
	padding-bottom:0;
}
.subnavigation li a{
    display:inline;
    cursor:pointer;
    color:#777777;
}
.subnavigation li a:hover{
    display:inline;
    cursor:pointer;
    color:#000000;	
}

.subnavigation li:before {
	content: "\00BB \0020";
	font-size:14px;
	color:#777777;	
}

.navigation-list .subnavigation a{
	padding-left:0;	
}
.navigation-list .subnavigation a:visited{
	padding-left:0;	
}
.navigation-list .subnavigation a:hover{
	padding-left:0;	
}
.navigation-list .subnavigation a:active{
	padding-left:0;	
}


/* Box */
.box{
    float:left;
    width:100%;
    padding-bottom:20px;
    margin-bottom:20px;
    /*border:1px solid white;*/
	-moz-box-shadow:0 0 3px black;
	-webkit-box-shadow:0px 0px 3px black;    
	box-shadow:0px 0px 3px black;
    background:#efefef;
}

.box.login{
    float:none;
    width:340px;    
    margin:200px auto;
}

.box .row{
	width:auto;
    padding:20px 0 40px 40px;
    margin:0;
    clear:left;
    display:block;
    list-style:none;
}

.box .row.noTopPadding{
    padding-top:0;    
}

.box .row .cell{
    font-size:14px;
    float:left;
    margin:20px 30px 0 0;
}

.box .row .cell .required{
    font-weight:bold;
    color:red;
}

.box .row .cell.button{
	padding-top:16px;
}

.box .row .cell.rbl table td{
    padding:4px;
    
}

/* Table list*/
table.list{
	font-family:Arial;
	font-size:14px;
	border-top:1px solid #938a8a;
	border-left:1px solid #938a8a;	
}
table.list th{
    text-align:left;
    font-size:14px;
	border-bottom:1px solid #938a8a;
	border-right:1px solid #938a8a;    
	padding:7px;
}
table.list th.last{
    border-right:1px solid #999999;
}
table.list td{
	border-bottom:1px solid #938a8a;
	border-right:1px solid #938a8a;
	padding:7px;
}
table.list td.last{
    border-right:1px solid #999999;
}
table.list tr.odd{
	background-color:#efefef;	
}
table.list tr{
	background-color:white;	
}
table.list tr td a{
	text-decoration:none;
	font-weight:bold;
	color:#0d72b9;	
}
table.list tr td a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#2f424f;	
}



/* Button & Icons */
button, input[type="submit"], input[type="button"]{
    height:19px;
    margin-right:15px;
    box-shadow:0px 0px 3px black;
    border:1px solid white;
	-moz-box-shadow:0 0 2px black;
	-webkit-box-shadow: 0px 0px 2px black;	
	font-size:11px;
    background-color:#efefef;
    border-collapse: separate;
}

button:hover, input[type="submit"]:hover, input[type="button"]:hover{
	background-color:#ffffff;
}

.iconExcel{        
    padding-left:22px;
    padding-top:2px;
    background-image:url('../img/icons/16/Excel16.png');
    background-repeat:no-repeat;
    background-position:1px 1px;
}

.iconCreate{        
    padding-left:20px;
    padding-top:2px;
    background-image:url('../img/icons/16/add.png');
    background-repeat:no-repeat;
    background-position:1px 1px;
}

.iconCancel{        
    padding-left:20px;
    padding-top:2px;
    background-image:url('../img/icons/16/cancel.png');
    background-repeat:no-repeat;
    background-position:1px 1px;
}

.iconAccpet{        
    padding-left:20px;
    padding-top:2px;
    background-image:url('../img/icons/16/icon_accept.gif');
    background-repeat:no-repeat;
    background-position:1px 1px;
}

.iconEdit{
    padding-left:20px;
    padding-top:2px;
    background-image:url('../img/icons/16/icon_settings.gif');
    background-repeat:no-repeat;
    background-position:1px 1px;
}

.iconDelete{    
    padding-left:20px;
    padding-top:2px;
    background-image:url('../img/icons/16/action_stop.gif');
    background-repeat:no-repeat;
    background-position:1px 1px;
}

.iconInfo{    
    padding-left:20px;
    padding-top:2px;
    background-image:url('../img/icons/16/information.png');
    background-repeat:no-repeat;
    background-position:1px 1px;
}

.iconSchedule{    
    padding-left:20px;
    padding-top:2px;
    background-image:url('../img/icons/16/date-time.png');
    background-repeat:no-repeat;
    background-position:1px 1px;
}

.iconBack{    
    padding-left:20px;
    padding-top:2px;
    background-image:url('../img/icons/16/action_back.gif');
    background-repeat:no-repeat;
    background-position:1px 1px;
}

.iconMail{    
    padding-left:20px;
    padding-top:2px;
    background-image:url('../img/icons/16/mail2.png');
    background-repeat:no-repeat;
    background-position:1px 1px;
}

.iconPdf{
    padding-left:20px;
    padding-top:2px;
    background-image:url('../img/icons/16/page_white_acrobat.png');
    background-repeat:no-repeat;
    background-position:1px 1px;
}



/* ICONS */

.iconBusinessman16{
	background-image:url('../img/icons/16/businessman.png');
	background-repeat:no-repeat;
}
.iconBusinessman24{
	background-image:url('../img/icons/24/businessman.png');
	background-repeat:no-repeat;
}
.iconBusinessman32{
	background-image:url('../img/icons/32/businessman.png');
	background-repeat:no-repeat;
}
.iconBusinessman48{
	background-image:url('../img/icons/48/businessman.png');
	background-repeat:no-repeat;
}



.iconMail216{
	background-image:url('../img/icons/16/mail2.png');
	background-repeat:no-repeat;
}
.iconMail224{
	background-image:url('../img/icons/24/mail2.png');
	background-repeat:no-repeat;
}
.iconMail232{
	background-image:url('../img/icons/32/mail2.png');
	background-repeat:no-repeat;
}
.iconMail248{
	background-image:url('../img/icons/48/mail2.png');
	background-repeat:no-repeat;
}

.iconUsersFamily16{
	background-image:url('../img/icons/16/users_family.png');
	background-repeat:no-repeat;
}
.iconUsersFamily24{
	background-image:url('../img/icons/24/users_family.png');
	background-repeat:no-repeat;
}
.iconUsersFamily32{
	background-image:url('../img/icons/32/users_family.png');
	background-repeat:no-repeat;
}
.iconUsersFamily48{
	background-image:url('../img/icons/48/users_family.png');
	background-repeat:no-repeat;
}

.iconTextRich16{
	background-image:url('../img/icons/16/text_rich.png');
	background-repeat:no-repeat;
}
.iconTextRich24{
	background-image:url('../img/icons/24/text_rich.png');
	background-repeat:no-repeat;
}
.iconTextRich32{
	background-image:url('../img/icons/32/text_rich.png');
	background-repeat:no-repeat;
}
.iconTextRich48{
	background-image:url('../img/icons/48/text_rich.png');
	background-repeat:no-repeat;
}


.iconExcel32{
	background-image:url('../img/icons/32/Excel32.png');
	background-repeat:no-repeat;
}
.iconCarCompactGreen32{
	background-image:url('../img/icons/32/cars2.png');
	background-repeat:no-repeat;
}