/* Style Reset */
* {
    padding:0;
    margin:0;
    outline:0;
}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}



/* Isolated Color Section (just font theme colors - no bg colors - no neutral colors) */
/* To make customizing the theme colors a bit easier, I've isolated all the font-color rules here. No other styling, just the font colors. */
/* All other theme colors (graphics, bgs, etc.) are controlled by images inside the /css/images/ folder. */
/*#navigation li a:hover{color:#58b12f; }
#navigation li a.green{color:#58b12f !important; }*/

a{ color:#58b12f; }
a:hover{ color:#2e790b; }
.navis_menu
{font-size:10px;}
.green{color:#58b12f; }
h4{color:#58b12f; font-size: 12px;}
.pp_inline h4{ padding-bottom:8px; padding-top:8px; }
.heading h2 span{color:#58b12f; }
.frame #header h3{color:#b6d896; }
.buttons a:hover{color: #b6d896; }
.petitbuttons a:hover{color: #b6d896;}
#footer ul a:hover{ color:#b6d896; }



/* Main Section */
body{
    background:#fff ;
    font-family:"lucida sans",arial, sans-serif;
    color:#666;
    font-size:12px;
    line-height:18px;
    margin:0px;
}
a{text-decoration: none; }
a img{border:0; }
.shell{width:950px; margin:0 auto; }


/* Header */
#header{height:116px; background:url(../images/template/header.gif) repeat-x 0 0; overflow:visible; position:relative; }
.frame #header{height:348px; background:url(../images/template/header2.gif) repeat-x; }
.frame #header .slogan {background:url(../images/template/scoot-header.png) no-repeat right 0; width:945px; height:293px; margin-top:-35px; padding-top:71px; position:absolute; padding-left:9px; }
.frame #header h2{font-size: 25px; line-height:20px; color:#fff; text-transform: uppercase; width:500px; height:88px;   position:relative; text-align: left; font-weight: bold;}
.frame #header h3{font-size: 17px; text-transform: uppercase; width:450px; line-height:17px; font-weight: bold; position:relative; text-align: left;}
.frame #header h1#logo a{background:url(../images/template/logo4.png) no-repeat; height:99px}
.frame #header h1#logo {padding-top:9px}

h1#logo{
	background-image: none;
	font-size: 0;
	line-height:0;
	width:218px;
	height:86px;
	padding-top:10px;
	float: left;
	display: inline;
}
h1#logo a{
	display: block;
	text-indent: -4000px;
	height:98px;
	background:url(../images/template/logo4.png) no-repeat;
}
h3{text-transform: uppercase; font-size: 16px; }

#right-area{margin:0 0 0 auto;}


/* Navigation */
#navigation{height:30px;/*background:url(../images/template/brd.gif) no-repeat 0 8px;*/ float: left; display: inline; padding-top:0px; padding-left:0px; /*margin-left:10px;*/ margin-top: 14px; position:relative; }
#navigation ul{list-style-type: none; font-size:12px;height:44px;padding:0;}
#navigation li{float: left; display: inline;}
#navigation li a{font-size: 0.8em; float: left; display: inline; line-height:15px; height:32px; text-transform: uppercase; font-weight: bold; text-align: center; color:#252525; padding:0 10px; padding-top:12px; font-family:Helvetica, Arial, sans-serif; width: auto;}
#navigation li a:hover{text-decoration: none; background:url(../images/template/hover.gif) repeat-x}
#navigation li:hover{ background:url(../images/template/hover.gif) repeat-x;}*/

.signup {
	height:30px;background:url(../images/template/brd.gif) no-repeat 0 8px; float: left;
}
/* #navigation li a.home{width:40px;} USED IN THE SIFR VERSION
#navigation li a.about{width:50px;}
#navigation li a.services{width:67px;}
#navigation li a.media{width:44px;}
#navigation li a.blog{width:38px;} */

#login-nav{float: left; display: inline; height:53px; background:url(../images/template/brd.gif) no-repeat 0 0; padding-left:2px; margin: 0 6px; }

#sub-nav{ margin:0 25px 0 auto; width:700px; clear:both; top:-15px; position:relative; }
#sub-nav ul{line-height:12px; font-size: 11px; text-align: right; }
#sub-nav li{ display:inline; padding-top:20px; padding-left:20px; }
#sub-nav li a{ font-family:Helvetica, Arial, sans-serif; color:#b5e493; text-transform: uppercase; font-weight: bold; }
#sub-nav li a:hover{ color:#fcfcfd; }


/* Main Content */
#content {
	background:#fff url(../images/template/bottom-bg.gif) repeat-x 0 bottom; 
}

.heading { 
	height:70px; 
	padding-top:0px; /*background:url(images/bg.gif) repeat-x 0 0;*/ 
}

.heading h2{ 
	text-transform: uppercase; 
	font-size: 24px; 
	font-weight: normal; 
	float: left; 
	display: inline; 
	color:#2e2e2e; 
	line-height:24px; 
	width:477px; 
	padding-top:20px;
}
	
.heading h3 {
	font-weight: bold; 
	font-family: Georgia, Times, serif; 
	font-size: 1.3em; 
	font-weight:normal;
	letter-spacing: 0px;
	color:#2e2e2e; 
	height: 25px; 
	width:470px; 
	float: left; 
	margin-top: 15px;
	display: inline; 
	text-align: left; 
	line-height:10px; 
	top:-8px; 
	position:relative; 
	text-transform:none;  
}
.heading h3 span {
	display:block; 
	position:relative; 
	width:470px; 
	font-size:18px; 
	font-style: italic; 
	line-height:28px;
	padding-left: 4px; 
	height: 25px;
}

.heading h3.right {
	float:right; 
	margin-top:27px; 
	text-align:right; 
}

.heading h3.left {
	float:left; 
	margin-top:24px; 
	text-align:left;
	width:174px;
}

#main{background:url(../images/template/main.gif) no-repeat; padding-top:27px}


/* Left Column */
.article{width:590px; float: left; display: inline; padding-left:9px; color:#2E2E2E; }
.article p{padding-bottom:16px}
.article h3{padding-bottom:17px; padding-top:3px; color:#2e2e2e; text-align: left;}
.article ul{list-style-type: none; padding-left:25px;}
.article li{background:url(../images/template/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:20px}

/* Gallery Specific Styles */
.gallery-container h3{padding-bottom:17px; padding-top:3px; padding-left: 6px; color:#2e2e2e; text-align: left;}
.gallery-container img{margin: 6px; padding:0px; text-align: left;}
.gallerynav {float: right; margin-top:-39px; margin-right:16px;}
.gallerynav img {margin: 0;}
.gallerynav-footer {height:51px;}

/* Blog Specific Styles */
.blogentry {margin-bottom: 40px;}
.blogentry img{padding: 0 10px;}
.blogentry .meta{background:transparent url(../images/template/dot.gif) repeat-x scroll 0 25px;clear:both;color:#999999;font-size:10px; height:30px;}
.blognav-footer {height:51px; margin-top: -20px;}

/* Media Specific Styles */
.mediaentry {margin-bottom: 40px;}
.mediaentry h4 {margin: 10px 0;}
.mediaentry img{padding: 0 10px 10px 0px;}

/* Right Column */
.rightside{ width:300px; float:right;}
.graphic{background:url(../images/template/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.graphic .top{background:url(../images/template/top.gif) no-repeat; width:295px;}
.graphic .bottom{background:url(../images/template/btm.gif) no-repeat 0 bottom; width:295px; padding:12px 0}
.graphic .bottom img{display: block; width:270px; margin:0 auto}

.sidebar-form{background:url(../images/template/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.sidebar-form .top{background:url(../images/template/grey-top.gif) no-repeat; width:295px;}
.sidebar-form .bottom{background:url(../images/template/btm.gif) no-repeat 0 bottom; width:275px; padding-left:20px; padding-bottom:20px}
.sidebar-form .bottom h3{font-weight: bold; color:#2e2e2e; line-height:16px; padding-top:12px; padding-bottom:0px}
.sidebar-form .bottom p.desc{padding-bottom:15px;line-height:18px; padding-top:15px}
.sidebar-form p{line-height:24px; }
.sidebar-form p strong{color:#000; }

.contact-form{background:url(../images/template/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.contact-form .top{background:url(../images/template/grey-top.gif) no-repeat; width:295px;}
.contact-form .bottom{background:url(../images/template/btm.gif) no-repeat 0 bottom; width:275px; padding-left:20px; padding-bottom:20px}
.contact-form .bottom h3{font-weight: bold; color:#2e2e2e; line-height:16px; padding-top:12px; padding-bottom:15px}
.contact-form .bottom p.desc{padding-bottom:15px;line-height:18px; padding-top:15px}
.contact-form p{line-height:24px;  }
.contact-form p strong{color:#000; }
.contact-form p span{ float:right; width:150px; background:#fff; }
.contact-form p em{font-style: normal; text-align: right; display: block; margin-top:-18px; width:155px; padding-left:91px;}
.contact-form .no-border{border-bottom:none;}

.contact-info p { background:url(../images/template/dot.gif) repeat-x 0 16px; min-height:20px; clear:both; width:273px;}
.contact-info p strong{ float:left; }
.contact-info p span{ float:right; width:150px; background:#fff; }


/* Bottom Image Bar */
.bottom-part{background:url(../images/template/main.gif) no-repeat; padding-top:25px; margin-top: 20px;}
.box-holder{width:941px; padding-bottom:25px; background:url(../images/template/gradient.gif) repeat-x; }
.box-holder .top-side{background:url(../images/template/top-side.gif) no-repeat; width:941px;}
.box-holder .btm-side{background:url(../images/template/btm-side.gif) no-repeat 0 bottom; padding-top:4px; padding-bottom:5px; width:941px}
.box-holder .first{border-left:solid 1px #e5e5e5;width:311px}
.box-holder .last{border-left:solid 1px #e5e5e5;width:312px; border-left:solid 1px #fff}

.box{ width:309px; float: left; display: inline; border-right:solid 1px #e5e5e5; border-left:solid 1px #fff ; margin-right:1px; height:196px;}
.box a img{display: block;}
.box a {display: block; margin:0 auto; width:294px;  margin-top:8px}
.box .link{padding-left:10px;width:294px; padding-top:10px}
.box .link p{font-size: 14px; font-weight: bold; color:#343434}
.box .link a{background:url(../images/template/arr.gif); width:20px; height:20px; float:right; display: inline; text-indent: -4000px; font-size: 0 ; line-height:0; margin:0}

.buttons{margin:8px 0 0 68px; width:708px; float:left;}
.buttons .last{margin-right:0}
.buttons a{
background:transparent url(../images/template/green-btn.gif) no-repeat scroll 0 0;
color:#FFFFFF;
display:inline;
float:left;
font-size:19px;
font-weight:bold;
height:28px;
line-height:16px;
margin-right:0px;
margin-left: 22px;
padding-bottom:4px;
padding-left:0px;
padding-top:12px;
text-decoration:none;
text-transform:uppercase;
width:214px;
font-family:Helvetica, Arial, sans-serif;
text-align:center;
}

#permis_perdu {
	background: url("../images/template/permis_perdu_btn.png") no-repeat;
	height:43px;
	margin-top: -5px;
	padding-top: 17px;

}

.petitbuttons{margin:0 0 0 auto; width:161px;}

.petitbuttons a{
background:transparent url(../images/template/green-btn-petit.gif) no-repeat scroll 0 0;
color:#FFFFFF;
/*display:inline;*/
float:left;
font-size:15px;
font-weight:bold;
height:28px;
line-height:16px;
margin-right:0px;
margin-left: 8px;
/*padding-bottom:4px;
padding-left:0px;*/
padding-top:9px;
text-decoration:none;
text-transform:none;
width:134px;
font-family:Helvetica, Arial, sans-serif;
text-align:center;
margin-top: 7px;
}

.postnoborder {height:111px; padding-top:10px; font-size:11px; line-height:15px;}
.postnoborder p{ line-height:14px; color:#999; padding-top:0px;}
.postnoborder img{float: left; display: inline; border:solid 1px #e5e5e5; padding:3px; background:#fff; margin-right:8px; }
.post{height:130px; border-bottom:solid 1px #e5e5e5; padding-top:26px; font-size:11px; line-height:15px;}
.post p{ line-height:14px; color:#999; padding-top:0px;}
.post img{float: left; display: inline; border:solid 1px #e5e5e5; padding:3px; background:#fff; margin-right:8px; }

/* Footer */
#footer{background:url(../images/template/ftr.gif) repeat-x; height:53px; color:#fff; }
#footer p{margin:0 0 0 auto; width:358px; font-size: 10px; line-height:53px}
#footer ul{list-style-type: none; font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; display: inline;}
#footer li{float:left; display: inline;}
#footer li a{float:left; display: inline; color:#fff; margin-right:16px; line-height:12px; padding-top:20px; font-weight: bold; font-size: 0.8em; font-family:Helvetica, Arial, sans-serif; }
#footer a{color:#fff; }
#footer a:hover{color:#b6d896; }


#inline2 {
	color:#0000CC;

}

.hide {
	display:none;

}

/* contact */

	form{margin:0; padding:0;}
	
	#contact_form {
	float:left;
	width:460px;
	text-align: left;
	padding-left: 25px;
	margin-top: 40px;
	}
	
	.contactform {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	width:600px;
	text-align: left;
}


.contactform textarea {
	padding:2px;
	border:1px solid #d2d1cf;
	width:520px;
	height:80px;
	font-size:14px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

.contactform label {
	min-width: 215px;
	float: left;
	/*padding: 5px;*/
	padding-left: 0px;
	margin-left: 0px;
}

.loginform {
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	width:551px;
	text-align: left;
}

.loginform textarea {
	padding:2px;
	border:1px solid #d2d1cf;
	width:520px;
	height:80px;
	font-size:14px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

.loginform label {
	min-width: 215px;
	float: left;
	/*padding: 5px;*/
	padding-left: 0px;
	margin-left: 0px;
}

.loginform label.taille{
	margin-left: 0px;

}

#form_login label {
	min-width: 130px;
	float: left;
	/*padding: 5px;*/
	padding-left: 0px;
	margin-left: 0px;
}

.contactform label.taille{
	margin-left: 0px;

}


.input-submit {
	margin-left: 193px;
	margin-top: 15px;
    background-image: url(../images/template/envoi.gif);
	width: 134px;
	height: 35px;
	background-repeat:no-repeat;
    border: none;
	cursor: pointer;
	background-color: transparent;
}

.input-submit:hover {
	margin-left: 193px;
	margin-top: 15px;
    background-image: url(../images/template/envoi-over.gif);
	width: 134px;
	height: 35px;
	background-repeat:no-repeat;
    border: none;
	cursor: pointer;
	background-color: transparent;
}

.input-textarea {
	padding:2px;
	border:1px solid #d2d1cf;
	width:300px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background-color: #ffffff;
}

.input-date {
	padding:2px;
	border:1px solid #d2d1cf;
	width:75px;
	height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background-color: #ffffff;

}

.select {
	border:1px solid #d2d1cf;
	font-size:12px;
	height:27px;
	padding:2px;
	width: 124px;

}

.selectheure {
	border:1px solid #d2d1cf;
	font-size:12px;
	height:27px;
	padding:2px;
	width: 72px;
	margin-left:4px;

}

.selecttaille{
	border:1px solid #d2d1cf;
	font-size:12px;
	height:27px;
	padding:2px;
	width: 55px;
	margin-left:-169px;

}

.selecttaille1{
	border:1px solid #d2d1cf;
	font-size:12px;
	height:27px;
	padding:2px;
	width: 55px;
}

.checkbox {
	border:0 solid #A0A0A0;
	right:192px;
	padding:0;
	position:relative;
	top:4px;
	float:right;

}

.checkboxfacturation{
	border:0 solid #A0A0A0;
	right:120px;
	padding:0;
	position:relative;
	top:4px;
	float:right;

}

.checkboxcasque {
	border:0 solid #A0A0A0;
	right:285px;
	padding:0;
	position:relative;
	top:4px;
	float:right;

}

.checkbox2 {
	border:0 solid #A0A0A0;
	padding:0;
	position:relative;
	top:8px;
	float:right;

}

#inline_fiddle50 {
	width: 1000px;
	background-color:#000099;

}



.red {
	color: red;

}

.prix {
	width: 125px;
	background-color:#fff;
	border: 2px dashed #FF0000;
	height: 30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#000;
	text-align:center;

}

.ligne {
	border-bottom: 1px dashed #999;
	width: 100%;
	margin-top: 20px;

}

.civilite {
	padding:2px;
	border:1px solid #d2d1cf;
	width:122px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background-color: #ffffff;

}

.jour {
	padding:2px;
	border:1px solid #d2d1cf;
	width:50px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background-color: #ffffff;

}

.mois {
	padding:2px;
	border:1px solid #d2d1cf;
	width:100px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background-color: #ffffff;

}

.annee {
	padding:2px;
	border:1px solid #d2d1cf;
	width:68px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background-color: #ffffff;

}

.postal {
	padding:2px;
	border:1px solid #d2d1cf;
	width:41px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background-color: #ffffff;

}

.ville {
	padding:2px;
	border:1px solid #d2d1cf;
	width:248px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background-color: #ffffff;

}

.pays {
	padding:2px;
	border:1px solid #d2d1cf;
	width:304px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background-color: #ffffff;

}

.vehicule_stock {
	padding:2px;
	border:1px solid #d2d1cf;
	width:188px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	background-color: #ffffff;

}

#info_tarif
{
  font-size:0.75em;
  color:red;
}

.petitbuttons input{
background:url("../images/template/green-btn-petit.gif") no-repeat scroll 0 0 transparent;
border:medium none;
color:#FFFFFF;
cursor:pointer;
float:left;
font-family:Helvetica,Arial,sans-serif;
font-size:15px;
font-weight:bold;
height:35px;
line-height:16px;
margin-left:8px;
margin-right:0;
margin-top:7px;
padding-bottom:4px;
padding-left:1px;
text-align:center;
text-decoration:none;
text-transform:none;
width:134px;
}

.petitbuttonspro input{
background:url("../images/template/green-btn-petit.gif") no-repeat scroll 0 0 transparent;
border:medium none;
color:#FFFFFF;
cursor:pointer;
float:left;
font-family:Helvetica,Arial,sans-serif;
font-size:15px;
font-weight:bold;
height:35px;
line-height:16px;
margin-left:173px;
margin-right:0;
margin-top:7px;
padding-bottom:4px;
padding-left:1px;
text-align:center;
text-decoration:none;
text-transform:none;
width:134px;
}

.petitbuttonspass input{
background:url("../images/template/green-btn-petit.gif") no-repeat scroll 0 0 transparent;
border:medium none;
color:#FFFFFF;
cursor:pointer;
float:left;
font-family:Helvetica,Arial,sans-serif;
font-size:15px;
font-weight:bold;
height:35px;
line-height:16px;
margin-left:242px;
margin-right:0;
margin-top:-30px;
padding-bottom:4px;
padding-left:1px;
text-align:center;
text-decoration:none;
text-transform:none;
width:134px;
}

.planning td
{
	width:17px;
	height:17px;
	border:solid 1px #505050;
	display:inline-block;
	margin:0px;
	padding:0px;
  text-align:center;
}

.planning_bleu
{
	background-color:#6cb4d5;
}
.planning_bleu a
{
  color:#505050;	
}

.planning_bleuclaire
{
	background-color:#add9ed;
}
.planning_bleuclaire a
{
  color:#505050;
}

.planning_orange
{
	background-color:#dfc63b;
}
.planning_orange a
{
  color:#505050;	
}


.planning_orangeclaire
{
	background-color:#f9e98e;
}
.planning_orangeclaire a
{
  color:#505050;	
}

.planning_vert
{
	background-color:#84cb25;
}
.planning_vert a
{
  color:#505050;	
}

.planning_vertclaire
{
	background-color:#b2e76b;
}

.planning_vertclaire a
{
  color:#505050;	
}

.planning_violet
{
	background-color:#aa6dd6;
}
.planning_violet a
{
  color:#505050;
}

.planning_violetclaire
{
	background-color:#d3aded;
}

.planning_violetclaire a
{
  color:#505050;
}

.planning_jour div
{
	width:17px;
	height:17px;
	display:inline-block;
	margin:0px;
	padding:1px;
  text-align:center;
}

#mois {
	text-align: center;	
}

.previous {
	bottom: -25px;
	margin-right: 209px;
	position: relative;
}

.next {
	bottom: 25px;
	margin-left: 205px;
	position: relative;
}

/* Tables */
.table
{
  border: 1px solid #ddd;
  line-height: 15px;
  margin-bottom:10px;
  margin-top:10px;
}

.table .alt
{
  background: #ddd;
}

.table tr
{
  border-bottom: 1px solid #ddd;
}

.table th
{
  background-color: #222;
  border: 1px solid #222;
  color: #fff;
}

.table tfoot tr th, .table tfoot tr td
{
  background-color: #bbb;
  border: 1px solid #bbb;
  color: #000;
}

.table td
{
  width: 10%;
}

/* Table_leasing */

.table_leasing
{
  border: 1px solid #ddd;
  line-height: 15px;
  margin-bottom:10px;
  margin-top:10px;
}

.table_leasing .alt
{
  background: #ddd;
}

.table_leasing tr {
	height:31px;
}
.table_leasing th
{
  background-color: #222;
  border: 1px solid #222;
  color: #fff;
}

.table_leasing tfoot tr th, .table_leasing tfoot tr td
{
  background-color: #bbb;
  border: 1px solid #bbb;
  color: #000;
}

.table_leasing td
{
  width: 10%;
}

/* Table_assurance */

.table_assurance
{
  border: 1px solid #ddd;
  line-height: 15px;
  margin-bottom:0px;
  margin-top:-1px;
}

.table_assurance .alt
{
  background: #ddd;
}

.table_assurance tr {
	height:31px;
}
.table_assurance th
{
  background-color: #222;
  border: 1px solid #222;
  color: #fff;
}

.table_assurance tfoot tr th, .table_assurance tfoot tr td
{
  background-color: #bbb;
  border: 1px solid #bbb;
  color: #000;
}

.table_assurance td
{
  width: 10%;
}

.table_assurance h3 {
	padding-top: 17px;
	padding-bottom: 17px;

}


.agence_admin {
	width: 210px;
}

.vehicule_admin {
	width: 210px;
}

.client_admin {
	width: 300px;
	height: 22px;
}

#message
{
	background-color:#84CB25;
	padding:3px;
	padding-left:6px;
	color:#505050;
}

#message_error
{
	background-color:#F00;
	padding:3px;
	padding-left:6px;
	color:#ffffff;
}

/* Tables */
.table_admin
{
  border: 1px solid #ddd;
  line-height: 15px;
  margin-bottom:10px;
  margin-top:10px;
  border-collapse: collapse;
}

.table_admin .alt
{
  background: #ddd;
}

.table_admin tr
{
  border-bottom: 1px solid #ddd;
}

.table_admin th
{
  background-color: #222;
  border: 1px solid #222;
  color: #fff;
}

.table_admin tfoot tr th, .table_admin tfoot tr td
{
  background-color: #bbb;
  border: 1px solid #bbb;
  color: #000;
}

.table_admin td
{
  width: 10%;
  border-bottom: 1px solid #bbb;
  padding: 2px;
}

ul
{
    padding-left: 30px;
}