* {
    margin: 0;
}
body {
    background-color:#fff;
    font-size:12px;
    color: #505050;
    font-family: Arial, "Helvetica", sans-serif;
}
#wrapper{
    margin:0 auto;
    width:100%;
}
#header{
    //height:220px;
    background-color:#F8F8F8;
    border-bottom:solid 2px #f3813c;
}
#header_image{
    float:left;
    width:23%;
}
#header_trigger{
    float:left;
    width:25%;    
}
#header_bank{
    float:left;
    width:25%;
}
#header_image p{
    font-size:24px;
    padding:12px 0 0 10px;
    color: #f3813c;
    font-weight:bold;
}
#status_result{
    float:left;
    padding-top:10px;
    width:24%;
}
#status_result ul li a{
    text-decoration:none;
    color:#000;
}
#status_result ul li a:hover{
    text-decoration:underline;
    color:#505050;
}
#right_header{
    float:right;
    width:25%;
}
#right_header_menus{
    width:100%;
}
#right_header_menus ul{
    margin:0;
    padding:0;
    list-style:none;
    margin-right:10px;
}
#right_header_menus ul li a{
    float:right;
    width:auto;
    padding:5px;
    text-decoration:none;
    color:#A0A0A0;
}
#right_header_menus ul li a:hover{
    text-decoration:underline;
}
#today, #welcome, #registration{
    margin-right:15px;
    text-align:right;
}
#today{
    color:#505050;
}
#welcome{
    color:#505050;
}
#registration{
    color:#505050;
}

#navigation{
    width:100%;
    height:35px;
    background-color:#E8E8E8;
}
#navigation ul{
    margin:0;
    padding:0;
    list-style:none;
    margin-left:20px;
    text-transform:capitalize;
}
#navigation ul li a{
    float:left;
    width: auto;
    text-decoration: none;
    padding:0 10px 0 10px;
    line-height:35px;
    color:#505050;
    font-size:14px;
    display:block;
}
#navigation ul li a:hover{
    background-color:#747170;
    color: #fff;
}
#navigation ul li a.selected{
    background-color:#747170;
    color: #fff;
}
#content{
    padding-left:20px;
    padding-right:10px;    
}
h2{
    font-size: 20px;
    padding:25px 0 10px 5px;
    text-decoration:underline;
    color:#f3813c
}
#new_record{
    margin:0px 0 5px 5px;
}
#new_record a{
    text-decoration:none;
    color:#505050;
    font-size:14px;
    font-weight:bold;
}
#new_record a:hover{
    text-decoration:underline;
    color:#505050;
}
#main_content{
    background-color:#fff;
}

#footer{
    border-top:solid 2px #f3813c;
    background-color:#f8f8f8;
    padding:5px 10px 0 10px;
    text-align:center;
    height:25px;
    line-height:20px;
    color:#505050;
}
#footer p a{
    text-decoration:none;
    color:#505050;
}
#footer p a:hover{
    text-decoration:underline;
}

.notification{
    position: absolute;
display: block;
min-width: 12px;
padding: 0 2px;
font-size: 11px;
text-align: center;
color: #ffffff;
background-color: #c00;
top: -4px;
z-index: 2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}

.add-new{
    float: right;
    clear: both;
    margin-top: -30px;
    margin-right: 10px;
}









.mainleft { width: 250px; position: absolute; left: 10px; padding-bottom: 20px; }

.leftmenu { -moz-box-shadow: 1px 1px 2px #eee; -webkit-box-shadow: 1px 1px 2px #eee; box-shadow: 1px 1px 2px #eee; vertical-align:top; }
.leftmenu ul { list-style: none; }
.leftmenu ul li { display: block; position: relative; }
.leftmenu ul li a { 
	border: 1px solid #ddd; border-top: 0; display: block; background: #fcfcfc url(../images/sprites.png); color: #666; padding-left: 35px;
	background-repeat: no-repeat; background-position: 8px center; font-weight: bold; text-decoration:none;
}
.leftmenu ul li a:hover { color: #333; text-decoration: none; background-color: #f99e1b; }
.leftmenu ul li:first-child a { 
	border-top: 1px solid #ddd; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; 
}
.leftmenu ul li:last-child a { -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; }
.leftmenu ul li a span { display: block; padding: 8px 10px; border-left: 1px solid #eee; background: #fff; }
.leftmenu ul li a:hover span { border-left: 1px solid #ddd; background: #f99e1b; }
.leftmenu ul li.current a { color: #fff; border: 1px solid #f3813c; }
.leftmenu > ul > li.current > a { background-color: #f3813c; }
.leftmenu ul li.current a span { border-left: 1px solid #fff; background: #f3813c; }
.leftmenu ul li a.menudrop:hover span { background: #f7f7f7 url(../images/menudroparrow.png) no-repeat right 0; }
.leftmenu ul li.current a.menudrop:hover span { background: #333 url(../images/menudroparrow.png) no-repeat right -31px; }
.leftmenu ul li a.active { background-color: #eee; }
.leftmenu ul li a.active span { background: #f7f7f7 url(../images/menudroparrow.png) no-repeat right 0; border-left: 1px solid #ddd; }
.leftmenu ul li.current a.active { background-color: #222; }
.leftmenu ul li.current a.active span { background: #333 url(../images/menudroparrow.png) no-repeat right -31px; border-left: 1px solid #444; }
.leftmenu ul li a em { font-style: normal; }

.leftmenu ul li a.dashboard { background-position: -154px -443px; }
.leftmenu ul li a.widgets { background-position: -190px -443px; }
.leftmenu ul li a.tables { background-position: -82px -480px; }
.leftmenu ul li a.elements { background-position: -10px -443px; }
.leftmenu ul li a.charts { background-position: -119px -480px; }
.leftmenu ul li a.media { background-position: -47px -408px; }
.leftmenu ul li a.form { background-position: -154px -262px; }
.leftmenu ul li a.editor { background-position: -154px -262px; }
.leftmenu ul li a.grid { background-position: -190px -443px; }
.leftmenu ul li a.calendar { background-position: -82px -155px; }
.leftmenu ul li a.buttons { background-position: -47px -443px; }
.leftmenu ul li a.chat { background-position: -119px -299px; }
.leftmenu ul li a.contacts { background-position: -82px -227px; }
.leftmenu ul li a.users { background-position: -82px -191px; }
.leftmenu ul li a.error { background-position: -119px -119px; }

.leftmenu ul li .menutip { 
	position: absolute; z-index: 100; left: 38px; top: 0; display: none; margin-left: 0; overflow: hidden;
	-moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; 
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}
.leftmenu ul li .menutip ul { width: 200px; }
.leftmenu ul li .menutip span.subtitle { font-weight: bold; background: url(../images/blacktrans.png); color: #fff; padding: 9px 10px; display: block; }
.leftmenu ul li .menutip ul { margin: 0; }
.leftmenu ul li .menutip ul li { display: block; }
.leftmenu ul li .menutip ul li a { color: #333; width: auto; }
.leftmenu ul li .menutip ul li a span { display: block; background: #fff; }

.leftmenu ul li ul { margin: 0 0 10px 36px; display: none; }
.leftmenu ul li ul li:first-child a { border-top: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.leftmenu ul li ul li:last-child a { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.leftmenu ul li ul li a { padding-left: 0; background: #f7f7f7; }
.leftmenu ul li ul li a span { border-left: 0; }
.leftmenu ul li ul li a:hover span { border-left: 0; background: #eee; }
.leftmenu ul li.current ul { display: block; }
.leftmenu ul li.current ul li a { border-top: 0; border-bottom: 1px solid #272727; }
.leftmenu ul li.current ul li a span { border-left: 0; }
.leftmenu ul li.current ul li a:hover span { background: #2e2e2e; }

.leftmenu ul li.current .menutip span.subtitle { padding-bottom: 10px; border: 0; }
.leftmenu ul li.current .menutip ul li { border: 0; }
.leftmenu ul li.current .menutip ul li a { border-color: #ddd; }
.leftmenu ul li.current .menutip ul li a span { border: 0; }
.leftmenu ul li.current .menutip ul li a:hover span { background: #f7f7f7; }


/**************** COLLAPSED LEFT PANEL ******************/
/**************** used by all pages *********************/

.lefticon .mainleft { width: 34px; }
.lefticon .leftmenu { overflow: none;}
/*.lefticon .leftmenu ul li { width: 250px; }*/
.lefticon .leftmenu ul li a { width: 2px; height: 32px; }
.lefticon .leftmenu ul li a span { display: none; }
.lefticon .maincontent { margin-left: 45px; }

#togglemenuleft { border-top: 1px solid #eee; margin-top: 20px; text-align: center; }
#togglemenuleft a { 
	display: inline-block; position: relative; top: -13px; width: 22px; height: 22px; 
	background: url(../images/toggle.png) no-repeat 0 0; cursor: pointer; 
}
#togglemenuleft a.toggle { background: url(../images/toggle.png) no-repeat 0 -25px; text-align: left; }


/***************** MAIN CONTENT STYLES ***************/
/*****************************************************/

.maincontent { margin: 0 310px 0 260px; }
.maincontentinner { }