@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(/css/entypo.css);

/**********##########  STYLE  ##########**********
 **********								**********
 **********          List Files         **********
 **********          ----------         **********
 ********** > Page Style				**********
 ********** > Login Style				**********
 ********** > Register Style			**********
 ********** > ddsmoothmenu.css			**********
 **********								**********
 **********								**********
/**********##########  STYLE  ##########**********

/*****^^^^^ Start Page Style ^^^^^*****/

@page {
	size: A4 auto;
	margin:0px;
}
@page :first{
	margin:0px;
}

@media print {
	#subpage {
		background-image:none !important;
    }
	#copyright {
		display: block !important;
		text-align:right;
		font-size:12px;
		padding-right:20px;
	}
	#getData, #start, #top, #payroll_title, #footer_wrapper, #editer, #delete, #transaction_title, #main_title, #daily_sales_check_search {
      display: none !important;
    }
	body {
		margin: 0;
        background: #fff;
        color: #000;
		font-family:Verdana, Geneva, sans-serif !important
        margin: 0px;
	}
	page {
		box-shadow: none !important;
		margin: 0px !important;
	}
	page[size="A4"] {
		margin-top: -39px !important;
		margin-left: -20px !important;
		margin-bottom: 39px !important;
	}
	page[size="A4"][layout="landscape"] {
		margin-top: -37px !important;
		margin-left: -28px !important;
	}
	page[size="A4"]:last-of-type {
		margin-bottom: 0px !important;
	}
	page[size="A4"][layout="landscape"]:last-of-type {
		margin-bottom: -50px !important;
	}
	th {
		font-size:12px;
	}
	td {
		font-size:11px;
	}
	hr {
		display: block !important;
	}
	h2 {
		padding: 15px 0px 10px 178px !important;
	}
	h4 {
		padding:0px 0px 15px 0px !important;
	}
	h5 {
		padding: 15px 25px 0px 25px !important;
	}
	h6 {
		padding: 20px 178px 6px 0px !important;
	}
	.print_hide {
		display: none !important;
	}
	.payslip {
		font-family:Verdana, Geneva, sans-serif !important;
	}
	.payslip span.half {
		height:4px;
	}
	.spacing {
		height:0px !important;
	}
	.page_break {
		page-break-after:always;
	}
}

body {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.4em; 
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: top;
}
page {
	background: white;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5cm;
	box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}
page[size="A3"] {
	width: 29.7cm;
	height: 42cm;
}
page[size="A3"][layout="landscape"] {
	width: 42cm;
	height: 29.7cm;
}
page[size="A4"] {
	width: 21cm;
	height: 29.6cm;
}
page[size="A4"][layout="landscape"] {
	width: 29.7cm;
	height: 20.9cm;
}
page[size="A5"] {
	width: 14.8cm;
	height: 21cm;
}
page[size="A5"][layout="landscape"] {
	width: 21cm;
	height: 14.8cm;
}
table {
	border:2px solid #484848;
	border-collapse:collapse;
}
table.no_border {
	border: none;
}
th {
	border:2px solid #484848;
	border-collapse:collapse;
	background-color:rgba(212,212,212,1.0);
	font-size:14px;
	text-align:center;
}
th.no_border {
	border: none;
}
td {
	border-right:2px solid #484848;
	border-collapse:collapse;
	font-size:13px;
	text-align:center;
	padding-left:5px;
	padding-right:5px;
}
td.no_border {
	border: none;
}
td.top_border {
	border-top:1px solid #484848;
}
td.bottom_border {
	border-bottom:1px solid #484848;
}
td.double_top_border {
	border-top:3px double #484848;
}
td.double_bottom_border {
	border-bottom:3px double #484848;
}
hr {
	display:none;
}
.bold {
	font-weight:bold !important;
}
.topBorder {
	border-top: 2px solid #484848;
	font-weight:bold;
}
.wraperInTable {
	display:table;
	width:100%;
}
.divTableContent {
	display:table-cell;
	vertical-align:middle;
}
.divTableImage {
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	width:20px;
}
.boldBackground {
	background-color:rgba(200,200,200,1);
}
.bottomBorder {
	border-bottom: 2px solid #484848;
}
.singleTab {
	padding-left: 30px;
}
.doubleTab {
	padding-left: 60px;
}
.tripleTab {
	padding-left: 90px;
}
.alignL {
	text-align:left;
}
.alignR {
	text-align:right;
}
.topLine {
	border-top:1px double #484848;
}
.stripe {
	background-color:rgba(212,212,212,0.3);
}
.columnEnd {
	background-color:rgba(212,212,212,0.5);
	font-weight:bolder;
}
.rowEnd {
	font-weight:bolder;
	background-color:rgba(212,212,212,0.8);
	border-top:solid 1px #484848;
}
.redColor {
	color:#FF2020 !important;
}
.yellowColor {
	color:#FFCC00 !important;
}
.greenColor {
	color:#20FF20 !important;
}
.UPPERCASE {
	text-transform: uppercase;
}
.display_none {
	display: none;
}
.marginL50 {
	margin-left: 50px !important;
}
.list_style_none {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.list_style_good {
	background: url(/images/good.gif) no-repeat left bottom;
	padding: 0px 0px 0px 27px;
}
.list_style_bad {
	background: url(/images/bad.gif) no-repeat left bottom;
	padding: 0px 0px 0px 27px;
}
.image_new_list {
   float: right;
   height:20px;
   margin-top:-1px;
   margin-right:-5px;
   margin-bottom:-1px;
}

#home { background-image: url(/images/body.png) }
#subpage { background-image: url(/images/body_subpage.png) }
#copyright { display:none }

a, a:link, a:visited { color: #5fb42b; font-weight: normal; text-decoration: none }
a:hover { text-decoration: underline; }

a.no_style, a.no_style:link, a.no_style:visited { color: #666; font-weight: normal; text-decoration: none }
a.no_style:hover { text-decoration: underline; }

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
blockquote { font-style: italic; margin: 0 0 0 10px;}
cite { font-weight: bold; color:#5fb42b; }
cite a, cite a:link, cite a:visited  { font-size: 12px; text-decoration: none; font-style: normal }
cite span { font-weight: 400; color: #5fb42b; }

h1, h2, h3, h4, h5, h6 { color: #333; font-weight: normal; }
h1 { font-size: 48px; margin: 0 0 30px; padding: 5px 0 }
h2 { font-size: 30px; margin: 0 0 25px; padding: 5px 0 }
h3 { font-size: 24px; margin: 0 0 20px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 12px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.divider { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #ccc }

.image_fl { float: left; margin: 3px 20px 5px 0 }
.image_fr { float: right; margin: 3px 0 5px 20px }

.float_l { float: left }
.float_r { float: right }

.list { 
	margin: 10px 0 10px 0; 
	padding: 0; 
	list-style: none; 
}

.list li { 
	color:#52493a; 
	margin: 0 0 10px 0; 
	padding: 0 5px 0 20px; 
	background: url(/images/list.png) no-repeat scroll 0 7px;  
}

.list li a {
	color: #52493a;
	font-weight: normal;
}

.list li a:hover {
	color: #5fb42b;
}

.cross a {
	text-decoration:line-through;
}
.cross a:hover {
	text-decoration:underline;
}
.maxW450 {
	max-width: 450px;
}

#wrapper {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
}
#full_wrapper {
	min-height:380px;
	max-width:1280px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
}
#half_wrapper {
	width: 470px;
}
#top {
	width: 940px;
	background: url(/images/header.jpg) top center no-repeat;
}
#full_content {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

#header {
	width: 960px;
	padding: 15px 0px 25px;
	height: 80px;
}

#slider {
	clear: both;
	width: 940px;
}

#main {
	clear: both;
	width: 940px;
	padding: 40px 0
}

#status {
	display: block;
	padding-bottom: 5px;
	font-size:16px;
	color:#0D0;
	text-align:center;
	font-weight:bold;
}

#footer_wrapper { 
	width: 100%;
	background: #303030 url(/images/footer.png) repeat-x top

}

#footer {
	width: 940px;
	padding: 80px 10px 40px;
	margin: 0 auto;
	color: #999
}

#site_title { 
	float: left; 
}

#site_title h1 { 
	margin: 0; 
	padding: 0;
}

#site_title h1 a { 
	display: block; 
	width: 290px; 
	height: 20px; 
	padding: 60px 10px 0 0; 
	color: #fff; 
	font-size: 14px; 
	text-align: right; 
	background: url(/images/logo.png) no-repeat left center; 
}

#site_title h1 a:hover { 
	text-decoration: none; 
}

#menu {
	float: right; 
	width: 562px; 
	height: 46px; 
	margin: 25px 0; 
	background: url(/images/menu.png) no-repeat;
}
#user {
	margin-top: -20px;
	float: right;
}
#user .display_user {
	position: relative;
	top: 27px;
	right: 26px;
	color: #bbb3ac;
	font-weight: bold;
}
#user .display_user a {
	font-weight: bold;
	color: #bbb3ac;
}
#user .display_user a:hover {
	color: #0087cd;
	text-decoration: none;
}
#user .display_logout {
	position: relative;
	top: 27px;
	right: 16px;
	color: #bbb3ac;
	font-weight: bold;
}
#user .display_logout:hover {
	color: #fa0703;
	font-weight: bold;
}

#slider_left {
	float: right;
	width: 320px;
	padding: 50px 0 0;
}

#slider_left h2 { 
	color: #fff; 
	font-size: 20px; 
	font-weight: 700; 
	margin-bottom: 20px; 
}

#slider_left p { 
	color: #bab9b9; 
	margin-bottom: 40px; 
}

#slider_left a.learnmore { 
	float: left; 
	margin-right: 20px; 
	display: block; 
	width: 137px; 
	height: 50px; 
	font-size: 14px; 
	font-weight: 700; 
	color: #fff; 
	line-height: 40px; 
	text-align: center; 
	text-shadow: 1px 1px 1px #333; 
	background:url(/images/learn_more.png) no-repeat; 
}

#slider_right {
	float: left;
	width: 560px;
}

#editer {
	float:left;
	position:relative;
	top:10px;
	left:100px;
}

#delete {
	float:right;
	position:relative;
	top:7px;
	right:100px;
}

/* To Remove Up/Down Arrow For Number Type Form Input */
form input[type='number']::-webkit-outer-spin-button,
form input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.submit_img {
	cursor: pointer;
	cursor: hand;
}
.hand {
	cursor: pointer;
	cursor: hand;
}
.close_img {
	float:right;
	margin-top:5px;
	margin-right:5px;
	width:14px;
	height:14px;
}
.fp_services { margin-bottom: 40px }
.fp_services img { float: left; margin-right: 20px }
.fp_services h2 { font-size: 18px; line-height: 18px; margin-bottom: 5px; padding: 0 }
.fp_services h2 a { color: #333 }
.fp_services p { font-size: 11px }

.fp_rw img { margin-bottom: 10px }
.fp_rw p { font-size: 11px }

.fp_lp h3 { font-size: 14px; font-weight: 700; margin: 10px 0 }

.flickr_stream { margin: 0; padding:0; list-style: none }
.flickr_stream li { float: left; margin: 0 2px 2px 0; padding: 0 }
.flickr_stream li .no_margin_right { margin-right: 0 }
.flickr_stream li img { padding: 3px; border: 1px solid #ccc; background: #fff }

.img_border { padding: 3px; border: 1px solid #ccc; background: #fff }

.position_abs {
	position:absolute !important;
}
/*** pop-up div to cover entire area ***/
.divModalDialog  {
    position:fixed;
    top:0;
    left:0;
	margin-bottom: -100px !important;
    width:100%;
    height:100%;
    /*! important !*/
    display:none;
    /* last attribute set darkness on scale: 0...1.0 */
    background-color:rgba(0,0,0,0.8);
    text-align:center;
    z-index:9999;
}

/*** ! target attribute does the job ! ***/
.divModalDialog:target  { display:block; }

/*** virtual frame containing controls, image and caption ***/
.divModalDialog div {
	width:650px;		/* 560px */
	margin: 50px auto 0 auto;
	color: #F0F0F0;
	font-size: 18px;
	border: 2px solid #959595;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:rgba(212,212,212,0.3);
}

.divModalDialog div#confirmation_details {
	width:850px;
}
.divModalDialog div div {
	width:100%;
	margin: 0;
	border: none;
}
.divModalDialog div h2 {
	padding: 25px;
	color:#181818;		/* #dadada */
	font-weight:bold;
	border: none;
	background-color:rgba(212,212,212,0.1);
	text-transform: uppercase;
}
.divModalDialog div p.full_trans {
	width:790px;		/* 400px */
	display: inline-block;
	padding: 5px 5px 5px 30px;
	text-align: left;
	background-color:rgba(212,212,212,0.1);
	border: 1px solid #959595;
	/* rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.divModalDialog div p.full {
	width:592px;		/* 400px */
	display: inline-block;
	padding: 5px 5px 5px 30px;
	text-align: left;
	background-color:rgba(212,212,212,0.1);
	border: 1px solid #959595;
	/* rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.divModalDialog div p.two_third {
	width:513px;		/* 400px */
	display: inline-block;
	padding: 5px 5px 5px 30px;
	text-align: left;
	background-color:rgba(212,212,212,0.1);
	border: 1px solid #959595;
	/* rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.divModalDialog div p.half {
	width:275px;		/* 400px */
	display: inline-block;
	padding: 5px 5px 5px 30px;
	text-align: left;
	background-color:rgba(212,212,212,0.1);
	border: 1px solid #959595;
	/* rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.divModalDialog div p.one_third {
	width:235px;		/* 400px */
	display: inline-block;
	padding: 5px 5px 5px 30px;
	text-align: left;
	background-color:rgba(212,212,212,0.1);
	border: 1px solid #959595;
	/* rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.divModalDialog div span.full_trans {
	width:755px;		/* 365px */
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}
.divModalDialog div span.full {
	width:557px;		/* 365px */
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}
.divModalDialog div span.two_third {
	width:478px;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}
.divModalDialog div span.half {
	width:240px;		/* 365px */
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}
.divModalDialog div span.one_third {
	width:200px;		/* 365px */
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}
.divModalDialog div span.double {
	width:258px;		/* 365px */
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}
.divModalDialog div span.triple {
	width:218px;		/* 365px */
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}
.divModalDialog div span.one_third_double {
	width:238px;		/* 365px */
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}
.divModalDialog div strong {
	display: inline-block;
	padding-top: 3px;
	padding-bottom: 5px;
}
.divModalDialog div .save_btn {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#2D2D2D;
	margin:20px 80px 20px 80px;
	padding:8px;
	background-color:rgba(212,212,212,0.3);
	border: 1px solid #959595;
	/* rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index:110;
	cursor: pointer;
	cursor: hand;
}
.divModalDialog div .save_btn:hover {
	text-decoration: none;
	color:#030303;
	background-color:rgba(190,190,190,0.3);
	border: 1px solid #AAA;
}
.divModalDialog div ul {
	width:520px;		/* 520px */
	text-align: left;
	margin:50px 0 40px 0;
}
.divModalDialog div li {
	display:inline; 
	padding:50px 80px 50px 80px;
}
/*** navigation controls style: highest z-index ! ***/
.divModalDialog div ul a  {
	padding:8px;
	font-weight:bold;
	color:#2D2D2D;
	background-color:rgba(212,212,212,0.3);
	border: 1px solid #959595;
	/* rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index:110;
	cursor: pointer;
	cursor: hand;
}
.divModalDialog div ul a:hover {
	text-decoration: none;
	color:#030303;
	background-color:rgba(190,190,190,0.3);
	border: 1px solid #AAA;
}

.spacing {
	height:10px;
}
.payslip {
	width:750px;
	margin: 0 auto 0 auto;
	color: #666;
	text-align:center;
	border: 2px solid #484848;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:rgba(212,212,212,0.4);
}
.payslip_header {
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color:rgba(212,212,212,0.9);
	font-size: 15px;
	margin:0px;
}
.payslip h2 {
	margin:0px;
	padding: 25px 0px 10px 197px;
	color:#424242;
	font-weight:bold;
	border: none;
	text-transform: uppercase;
}
.payslip h4 {
	clear:both;
	margin:0px;
	padding:0px 0px 25px 0px;
	color:#424242;
	font-weight:bold;
	border: none;
	text-transform: uppercase;
}
.payslip h5 {
	padding: 25px 25px 0px 25px;
	color:#424242;
	font-weight:bold;
	border: none;
	text-transform:capitalize;
}
.payslip h6 {
	margin:0px;
	padding: 32px 197px 6px 0px;
	color:#424242;
	font-weight:bold;
	border: none;
	text-transform: uppercase;
}
.payslip span.half {
	width:310px;
	margin-left:60px;
	text-align:left;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}
.payslip span.full {
	width:700px;
	text-align:left;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}

.search {
	width:750px;
	margin: 0 auto 0 auto;
	color: #666;
	text-align:center;
	font-size: 18px;
	border: 2px solid #484848;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:rgba(212,212,212,0.4);
}
.search h2 {
	padding: 25px;
	color:#424242;
	font-weight:bold;
	border: none;
	background-color:rgba(212,212,212,0.9);
	text-transform: uppercase;
}
.search p.full {
	width:692px;
	display: inline-block;
	padding: 5px 5px 5px 30px;
	text-align: left;
	background-color:rgba(212,212,212,0.2);
	border: 1px solid #484848;
	/* rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.search p.half {
	width:325px;
	display: inline-block;
	padding: 5px 5px 5px 30px;
	text-align: left;
	background-color:rgba(212,212,212,0.2);
	border: 1px solid #484848;
	/* rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.search span.full {
	width:660px;
	text-align:center;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}
.search span.half {
	width:290px;
	text-align:center;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}
.search strong {
	display: inline-block;
	padding-top: 3px;
	padding-bottom: 5px;
}
.select_style select { 
	width: 180px;
	padding: 5px;
	text-indent:22px;
	background: url(/images/down_arrow.jpg) no-repeat right #ddd;
	border: 1px solid #ccc;
	font-size: 12px;
	font-weight:bold;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px; 
	margin-right: -5px;
}
#search form .save_btn {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight:bold;
	color:#2D2D2D;
	margin:30px 80px 20px 80px;
	padding:8px;
	background-color:rgba(212,212,212,0.3);
	border: 1px solid #959595;
	/* rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index:110;
	cursor: pointer;
	cursor: hand;
}
#search form .save_btn:hover {
	text-decoration: none;
	color:#030303;
	background-color:rgba(190,190,190,0.3);
	border: 1px solid #AAA;
}

/*** pop-up div to cover entire area ***/
.account  {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /*! important !*/
    display:none;
    /* last attribute set darkness on scale: 0...1.0 */
    background-color:rgba(0,0,0,0.8);
    text-align:center;
    z-index:101;
}
/*** ! target attribute does the job ! ***/
.account:target  {
	display:block;
}
.account {
	width:750px;
	margin: 0 auto 0 auto;
	color: #666;
	text-align:center;
	font-size: 18px;
	border: 2px solid #484848;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:rgba(212,212,212,0.4);
}
.account h2 {
	padding: 25px;
	color:#424242;
	font-weight:bold;
	border: none;
	background-color:rgba(212,212,212,0.9);
	text-transform: uppercase;
}
.account p.full {
	width:692px;
	display: inline-block;
	padding: 5px 5px 5px 30px;
	text-align: left;
	background-color:rgba(212,212,212,0.2);
	border: 1px solid #484848;
	/* rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.account p.half {
	width:325px;
	display: inline-block;
	padding: 5px 5px 5px 30px;
	text-align: left;
	background-color:rgba(212,212,212,0.2);
	border: 1px solid #484848;
	/* rounded corners */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.account span.full {
	width:660px;
	text-align:center;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}
.account span.half {
	width:290px;
	text-align:center;
	display: inline-block;
	padding-top: 2px;
	padding-bottom: 3px;
	vertical-align: text-top;
}

.current_total { 
	margin: 10px 0 10px 0; 
	padding:0; 
	list-style: none 
}

.current_total li { 
	color:#52493a; 
	margin: 0 0 10px 0; 
	padding: 0 5px 0 20px; 
	background: url(/images/list.png) no-repeat scroll 0 7px;  
}
.current_total li h4 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.current_total li img { padding: 3px; border: 1px solid #ccc; background: #fff }

#gallery { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

#gallery li { 
	margin: 0; 
	padding: 0; 
}

#gallery li a { 
	display: block; 
	float: left; 
	width: 280px; 
	padding: 8px; 
	height: 280px; 
	margin: 6px; 
	border: 1px solid #ccc;  
}

.post {
	clear: both;
	padding-bottom: 40px;
	margin-bottom: 40px;
	background: url(/images/templatemo_divider.png) repeat-x bottom 
}
.post_right {
	float: left;
	width: 380px;
}
.post h2.home { 
	color: #ba8c00; 
	font-size: 18px; 
	margin-bottom: 0;  
}

.post h2, .post h2 a { 
	color: #333; 
	margin-bottom: 0; 
	font-size: 24px; 
	line-height: 38px; 
	padding: 0; 
}

.post img { 
	float: left; 
	margin: 3px 30px 0 0;
}

.post .meta { 
	font-size: 10px; 
	margin-bottom: 20px; 
}

.post .meta span { 
	float: left; 
	display: block; 
	margin-right: 15px; 
	padding: 5px 0 5px 26px; 
}

.post .meta span.admin { 
	background: url("/images/agent.png") no-repeat; 
}

.post .meta span.date { 
	background: url(/images/calendar.png) no-repeat; 
}

.post .meta span.tag { 
	background: url(/images/tag.png) no-repeat; 
}

.post .meta span.comment { 
	background: url(/images/chat.png) no-repeat; 
}

.post .meta a, .post .meta strong { 
	color: #7b7b7b; 
	font-weight: 700; 
}

#comment_section {
	clear: both;
	margin-bottom: 60px;
	width: 590px;
}

.first_level {
	margin: 0; padding: 0;
}

.comments {
	list-style: none; 
}

.comments li { 
	margin-bottom: 10px; 
	list-style:none; 
}

.comments li .commentbox1 { 
	border-bottom: 1px solid #ccc;  
}

.comments li .commentbox2 { 
	border-bottom: 1px solid #ccc;  
}

.comments li .comment_box { 
	clear: both; 
	width:100%; 
	padding: 10px 0 20px 30px; 
	margin-bottom: 40px;  
}

.comment_box .gravatar { 
	float: left; 
	width: 75px; 
	margin-right: 30px; 
}

.comment_box .gravatar img {  
	width: 75px; 
	height: 75px; 
}

.comment_box .comment_text {  }

.comment_box .comment_text p { 
	margin: 0; 
}

.comment_text .comment_author { 
	font-size: 14px; 
	font-weight: bold; 
	color: #ba8c00; 
	margin-bottom: 10px; 
}

.comment_text .date { 
	font-size: 12px; 
	font-weight: normal; 
	color: #7b7b7b; 
	padding-left: 10px; 
}

.comment_text .time { 
	font-size: 12px; 
	font-weight: normal; 
	color: #7b7b7b; 
	padding-left: 10px; 
}

.comment_text .reply a { 
	display: block; 
	clear: both; 
	float: right; 
	color: #000; 
	font-weight: 700; 
}

fieldset {
	border: 1px solid #dedede;
	background-color: #fefefe;
    margin-right: 17px;
	padding-top: 10px;
	padding-left: 12px;
} 
legend {
	font-size: 14px;
	font-weight: bold;
}

#transactions_form { 
	padding: 0; 
	margin-bottom: 40px; 
}

#transactions_form form { 
	margin: 0px; 
	padding: 0px; 
}

#transactions_form form .marginR50 {
	margin-right: 50px !important;
}

#transactions_form form .transactions_date {
	width: 66px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: -3px; 
	margin-right: 17px;
}

#transactions_form form .radio {
	padding: 5px;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px;
	margin-left: 35px;
}

#transactions_form form .select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0;
	width: 575px;
	padding: 5px;
	background: url(/images/down_arrow.jpg) no-repeat right #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px;
}

#transactions_form form .select_debt_year {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0;
	margin-right: 5px;
	width: 385px;
	padding: 5px;
	background: url(/images/down_arrow.jpg) no-repeat right #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px;
	float: right;
}

#transactions_form form .input_total { 
	width: 55px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px; 
	margin-right: 17px;
}

#transactions_form form .readonly_input { 
	width: 55px;
	padding: 5px; 
	color: #A0A0A0;
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px; 
	margin-left: -4px;
	margin-right: 17px;
}

#transactions_form form .input_code { 
	width: 42px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px; 
}

#transactions_form form .input_field {
	height: 16px;
	width: 532px; 
	padding: 5px; 
	color: #222;  
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px; 
}

#transactions_form form .capitalize {
	text-transform: capitalize;	
}

#transactions_form form .readonly_color {
	color: #A0A0A0;
}

#transactions_form form .input_textarea {
	width: 590px; 
	height: 80px;
	padding: 5px; 
	color: #222;  
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px; 
}

#transactions_form form .effective_date_label {
	padding-left: 180px;
	margin-top: 8px;
}

#transactions_form form .effective_date {
	width: 66px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 3px; 
	margin-left: 188px;
}

#transactions_form form label {
	display: block;
	margin-right: 12px;
	font-size: 13px;
	font-weight: bold;
	vertical-align: bottom;
}

#transactions_form form .normal {
	display: inline-block;
	font-weight: normal;
	vertical-align: text-bottom;
	margin-right: 0px;
}

#transactions_form form textarea {
	width: 398px; 
	height: 200px; 
	padding: 5px; 
	color: #222; 
	background: #fcfcfc; 
	border: 1px solid #dedede; 
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px; 
}

#transactions_form form .submit_btn {
	padding: 5px 14px;
	font-weight: bold;
	color: #222;
	background: #e7e7e7;   /* #fcfcfc */
	border: 1px solid #c9c9c9;   /* #dedede */
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	margin: 10px 0px;
	cursor: pointer;
	cursor: hand;
}

#cash_short_over_form {
	padding: 0; 
	margin-bottom: 40px; 
}

#cash_short_over_form form {
	margin: 0px; 
	padding: 0px; 
}

#cash_short_over_form form .transactions_date {
	width: 66px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}

#cash_short_over_form form .input_total {
	width: 55px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}

#cash_short_over_form form label {
	margin-right: 5px;
	font-size: 13px;
	font-weight: bold;
}

#cash_short_over_form form .submit_btn {
	padding: 5px 14px;
	font-weight: bold;
	color: #222;
	background: #e7e7e7;   /* #fcfcfc */
	border: 1px solid #c9c9c9;   /* #dedede */
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	margin: 10px 0px;
	cursor: pointer;
	cursor: hand;
}

#daily_sales_check_search {
	padding: 0;
	margin-bottom: 40px;
	text-align: center;
}

#daily_sales_check_search form {
	margin: 0px;
	padding: 0px;
}

#daily_sales_check_search form .select_month {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0;
	width: 130px;
	padding: 5px;
	background: url(/images/down_arrow.jpg) no-repeat right #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}

#daily_sales_check_search form .select_year {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0;
	width: 120px;
	padding: 5px;
	background: url(/images/down_arrow.jpg) no-repeat right #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}

#daily_sales_check_search form .search_btn {
	display: block;
	width: 255px;
	margin: 5px auto;
	padding: 5px 14px;
	background: #e7e7e7;   /* #fcfcfc */
	border: 1px solid #c9c9c9;   /* #dedede */
	color: #222;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	cursor: pointer;
	cursor: hand;
}

#financial_statement_search {
	padding: 0;
	margin-bottom: 40px;
	text-align: center;
}

#financial_statement_search form {
	margin: 0px;
	padding: 0px;
}

#financial_statement_search form .select_year {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0;
	width: 120px;
	padding: 5px;
	background: url(/images/down_arrow.jpg) no-repeat right #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}

#financial_statement_search form .search_btn {
	width: 120px;
	margin: 5px auto;
	padding: 5px 14px;
	background: #e7e7e7;   /* #fcfcfc */
	border: 1px solid #c9c9c9;   /* #dedede */
	color: #222;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	cursor: pointer;
	cursor: hand;
}

#financial_statement .headerStripe {
	background-color:rgba(100,100,100,1);
	color: rgba(230,230,230,1);
}

#financial_statement .footerStripe {
	background-color:rgba(212,212,212,0.8);
}

#financial_statement .lastStripe {
	background-color:rgba(200,200,200,1);
}

#financial_statement .stripe {
	background-color:rgba(212,212,212,0.2);
}

#payroll_form {
	padding: 0; 
	margin-bottom: 40px; 
}

#payroll_form form {
	margin: 0px; 
	padding: 0px; 
}

#payroll_form form label {
	display: block;
	margin-right: 12px;
	font-size: 13px;
	font-weight: bold;
	vertical-align: bottom;
}

#payroll_form form .transactions_date {
	width: 66px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: -3px; 
	margin-right: 17px;
}

#payroll_form form .period {
	width: 66px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: -3px; 
	margin-right: 17px;
}

#payroll_form form .input_minute { 
	width: 100px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: -3px; 
	margin-right: 3px;
	text-align:right;
}

#payroll_form form .gaps {
	margin-top:-3px;
	margin-right:10px;
}
#payroll_form form .input_total { 
	width: 100px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px;
	margin-left:1px;
	margin-right: 94px;
	text-align:right;
}

#transactions_form form .readonly_color {
	color: #A0A0A0;
}

#payroll_form form .input_field {
	width: 592px; 
	padding: 5px; 
	color: #222;  
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px; 
}

#payroll_form form fieldset {
	border-color:#dedede;
	border-style: solid;
	margin-left:0px;
	width:576px;
	padding-left: 15px;
}

#payroll_form form legend {
	display: block;
	margin-right: 12px;
	font-size: 13px;
	font-weight: bold;
	vertical-align: bottom;
}

#payroll_form form .inner_input { 
	width: 550px; 
	padding: 5px; 
	color: #222;  
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px;
	margin-left: 3px;
}

#payroll_form form .submit_btn {
	padding: 5px 14px;
	font-weight: bold;
	color: #222;
	background: #e7e7e7;   /* #fcfcfc */
	border: 1px solid #c9c9c9;   /* #dedede */
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	margin: 10px 0px;
	cursor: pointer;
	cursor: hand;
}

#supplier_form {
	padding: 0; 
	margin-bottom: 40px; 
}

#supplier_form form {
	margin: 0px; 
	padding: 0px; 
}

#supplier_form form label {
	display: block;
	margin-right: 12px;
	font-size: 13px;
	font-weight: bold;
	vertical-align: bottom;
}

#supplier_form form .input { 
	width: 490px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: -3px; 
	margin-right: 3px;
	text-align: left;
}

#supplier_form form .input_half { 
	width: 190px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: -3px; 
	margin-right: 3px;
	text-align: left;
}

#supplier_form form .select { 
	width: 200px;
	padding: 5px; 
	background: #fcfcfc;
	border: 1px solid #dedede;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: -3px; 
	margin-right: 3px;
	text-align: left;
}

#supplier_form form .submit_btn {
	padding: 5px 14px;
	font-weight: bold;
	color: #222;
	background: #e7e7e7;   /* #fcfcfc */
	border: 1px solid #c9c9c9;   /* #dedede */
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	margin: 10px 0px;
	cursor: pointer;
	cursor: hand;
}

#contact_form { 
	padding: 0; 
	width: 410px; 
	margin-bottom: 40px; 
}

#contact_form form { 
	margin: 0px; 
	padding: 0px; 
}

#contact_form form .input_field { 
	width: 270px; 
	padding: 5px; 
	color: #222;  
	background: #fcfcfc; 
	border: 1px solid #dedede; 
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px; 
}

#contact_form form label { 
	display: block; 
	width: 100px; 
	margin-right: 12px; 
	font-size: 13px; 
}

#contact_form form textarea { 
	width: 398px; 
	height: 200px; 
	padding: 5px; 
	color: #222; 
	background: #fcfcfc; 
	border: 1px solid #dedede; 
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	margin-top: 5px; 
}

#contact_form form .submit_btn { 
	padding: 5px 14px; 
	font-weight: bold;  
	color: #222; 
	background: #fcfcfc; 
	border: 1px solid #dedede; 
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	margin: 10px 0px; 
}

.link_button {
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  color: #5fb42b;
  padding: 0;
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
}

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

.col { 
	float: left; 
	margin: 0 20px 20px 0; 
}

.half { 
	width: 400px; 
}

#sidebar, .one_third { 
	width: 300px; 
}

#content, .two-third { 
	width: 620px; 
}

.padding_right { 
	padding-right: 20px; 
}

.one_fourth { 
	width: 220px; 
}

.no_margin_left {
	margin-left: 0 !important;
}

.no_margin_right { 
	margin-right: 0 !important; 
}

.last_box { 
	margin-bottom: 0; 
	background: none; 
}

#footer a { 
	color: #ccc; 
}

#footer h4 { 
	color: #fff; 
	font-size: 14px; 
	font-weight: 700; 
	margin-bottom: 20px; 
}

.footer_list { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.footer_list li { 
	margin: 0 0 5px; 
	padding: 0 0 5px; 
	border-bottom: 1px solid #4e4e4e; 
}

.footer_list li a { 
	color: #686868; 
}

.twitter_post { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.twitter_post li { 
	margin: 0 0 10px; 
	padding: 0 0 7px; 
	border-bottom: 1px dotted #4e4e4e; 
}

.footer_social_button { 
	clear: both;
	margin-bottom: 10px;	/* Without comodo trustlogo : 40px; */
}

.footer_social_button a { 
	margin-right: 5px; 
}

.pagging { 
	margin: 0 0 20px; 
	padding: 0; 
}

.pagging ul { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.pagging ul li {
	margin: 0; 
	padding: 0; 
	display: inline; 
}
	
.pagging ul li a { 
	float: left; 
	display: block; 
	color: #333; 
	text-decoration: none; 
	margin-right: 5px; 
	padding: 5px 10px; 
	background: #fff; 
	border: 1px solid #ccc; 
}

.pagging ul li a:hover {
	background: #ccc;
	border: 1px solid #fff;
	color: #fff;
}

/*****^^^^^ End Page Style ^^^^^*****/

/*****^^^^^ Login Style ^^^^^*****/

/* zocial */
[class*="entypo-"]:before {
	font-family: 'entypo', sans-serif;
}

#login_form *,
#login_form *:before,
#login_form *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

#login_form  {
	margin: 60px auto 30px auto;
	padding: 1px 0;
	border-radius: 7px;
	background: rgba(39, 33, 37, .9);
	font-family: 'Roboto', sans-serif;
	width: 500px;
}

#login_form h2 {
	color:rgba(0,135,205,1);
	margin-left:12px;
	font-weight: bold;
}

#login_form form {
	position:relative;
	margin: 50px auto;
	width: 380px;
	height: auto;
}

#login_form input {
	padding: 16px;
	border-radius:7px;
	border:0px;
	background: rgba(255,255,255,.2);
	display: block;
	margin: 15px;
	width: 300px;  
	color:white;
	font-size:18px;
	height: 54px;
}

#login_form input:focus {
	outline-color: rgba(0,0,0,0);
	background: rgba(255,255,255,.95);
	color: #0087cd;
}

#login_form button {
	float:right;
	height: 123px;
	width: 50px;
	border: 0px;
	background: #0087cd;
	border-radius:7px;
	padding: 10px;
	color:white;
	font-size:22px;
	cursor: pointer;
	cursor: hand;
}

#login_form .inputUserIcon {
	position:absolute;
	top:72px;
	right: 80px;
	color:white;
}

#login_form .inputPassIcon {
	position:absolute;
	top:140px;
	right: 80px;
	color:white;
}

#login_form input::-webkit-input-placeholder {
	color: white;
}

#login_form input:focus::-webkit-input-placeholder {
	color: #0087cd;
}

#login_form .error {
	position: absolute;
	top: 12px;
	right: 70px;
	color: red;
	font-size: 14px;
	font-weight: bold;
}
#login_form .register {
	float: right;
	color: #555;
}
/*****^^^^^ End Login Style ^^^^^*****/

/*****^^^^^ Register Style ^^^^^*****/

#register *,
#register *:before,
#register *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

#register  {
	margin: 60px auto 30px auto;
	padding: 1px 0;
	border-radius: 7px;
	background: rgba(39, 33, 37, .9);
	font-family: 'Roboto', sans-serif;
	width: 500px;
}

#register h2 {
	color:rgba(0,135,205,1);
	margin-left:12px;
	font-weight: bold;
}

#register form {
	position:relative;
	margin: 50px auto;
	width: 380px;
	height: auto;
}

#register input {
	padding: 16px;
	border-radius:7px;
	border:0px;
	background: rgba(255,255,255,.2);
	display: block;
	margin: 15px;
	width: 300px;  
	color:white;
	font-size:18px;
	height: 54px;
}

#register input:focus {
	outline-color: rgba(0,0,0,0);
	background: rgba(255,255,255,.95);
	color: #0087cd;
}

#register button {
	float:right;
	height: 261px;
	width: 50px;
	border: 0px;
	background: #0087cd;
	border-radius:7px;
	padding: 10px;
	color:white;
	font-size:22px;
	cursor: pointer;
	cursor: hand;
}

#register .inputUserIcon {
	position:absolute;
	top:72px;
	right: 80px;
	color:white;
}

#register .inputEmailIcon {
	position:absolute;
	top:140px;
	right: 80px;
	color:white;
}

#register .inputPassIcon {
	position:absolute;
	top:210px;
	right: 80px;
	color:white;
}

#register .inputConfPassIcon {
	position:absolute;
	top:278px;
	right: 80px;
	color:white;
}

#register input::-webkit-input-placeholder {
	color: white;
}

#register input:focus::-webkit-input-placeholder {
	color: #0087cd;
}
#register .info {
	float: right;
	margin-right: 2px;
}

#register .error {
	position: absolute;
	color: red;
	font-size: 14px;
	font-weight: bold;
}
#register .e_general {
	top: 12px;
	right: 70px;
}
#register .e_user {
	top: 37px;
	right: 0px;
	width: 350px;
}
#register .e_mail {
	top: 107px;
	right: 70px;
	width: 280px;
}
#register .e_pass {
	top: 176px;
	right: 70px;
	width: 280px;
}
/*****^^^^^ End Register Style ^^^^^*****/

/*****^^^^^ Password_Reset Style ^^^^^*****/

#password_reset *,
#password_reset *:before,
#password_reset *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

#password_reset  {
	margin: 60px auto 30px auto;
	padding: 1px 0;
	border-radius: 7px;
	background: rgba(39, 33, 37, .9);
	font-family: 'Roboto', sans-serif;
	width: 500px;
}

#password_reset h2 {
	color:rgba(0,135,205,1);
	margin-left:12px;
	font-weight: bold;
}

#password_reset form {
	position:relative;
	margin: 50px auto;
	width: 380px;
	height: auto;
}

#password_reset input {
	padding: 16px;
	border-radius:7px;
	border:0px;
	background: rgba(255,255,255,.2);
	display: block;
	margin: 15px;
	width: 300px;  
	color:white;
	font-size:18px;
	height: 54px;
}

#password_reset input:focus {
	outline-color: rgba(0,0,0,0);
	background: rgba(255,255,255,.95);
	color: #0087cd;
}

#password_reset button {
	float:right;
	height: 192px;
	width: 50px;
	border: 0px;
	background: #0087cd;
	border-radius:7px;
	padding: 10px;
	color:white;
	font-size:22px;
	cursor: pointer;
	cursor: hand;
}

#password_reset .user:focus {
	background: rgba(255,255,255,.2);
	color:white;
}

#password_reset .inputUserIcon {
	position:absolute;
	top:72px;
	right: 80px;
	color:white;
}

#password_reset .inputPassIcon {
	position:absolute;
	top:140px;
	right: 80px;
	color:white;
}

#password_reset .inputConfPassIcon {
	position:absolute;
	top:210px;
	right: 80px;
	color:white;
}

#password_reset input::-webkit-input-placeholder {
	color: white;
}

#password_reset input:focus::-webkit-input-placeholder {
	color: #0087cd;
}
#password_reset .info {
	float: right;
	margin-right: 2px;
}

#password_reset .error {
	position: absolute;
	color: red;
	font-size: 14px;
	font-weight: bold;
}
#password_reset .e_general {
	top: 25px;
	right: 25px;
	width: 310px;
}
#password_reset .e_user {
	top: 37px;
	right: 0px;
	width: 350px;
}
#password_reset .e_pass {
	top: 107px;
	right: 70px;
	width: 280px;
}
/*****^^^^^ End Password_Reset Style ^^^^^*****/

/*****^^^^^ Confirmation Box Style ^^^^^*****/

#confirmation_box *,
#confirmation_box *:before,
#confirmation_box *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

#confirmation_box  {
	margin: 60px auto 30px auto;
	padding: 1px 0;
	border-radius: 7px;
	background: rgba(39, 33, 37, .9);
	font-family: 'Roboto', sans-serif;
	width: 500px;
}

#confirmation_box h2 {
	color:rgba(0,135,205,1);
	margin-left:12px;
	font-weight: bold;
}

#confirmation_box form {
	position:relative;
	margin: 50px auto;
	width: 380px;
	height: auto;
}

#confirmation_box label {
	padding: 16px;
	border-radius:7px;
	display: block;
	margin: 7.5px;
	width: 365px;
	height: auto;
	color: white;
	font-size:18px;
	line-height: 28px;
}

#confirmation_box button {
	float: right;
	height: 50px;
	width: 175px;
	border: 0px;
	margin: 25px 7.5px 30px 7.5px;
	background: #0087cd;
	border-radius:7px;
	padding: 10px;
	color:white;
	font-size:22px;
	cursor: pointer;
	cursor: hand;
}

#confirmation_box input::-webkit-input-placeholder {
	color: white;
}

#confirmation_box input:focus::-webkit-input-placeholder {
	color: #0087cd;
}
/*****^^^^^ End Confirmation Box Style ^^^^^*****/

/*****^^^^^ Entypo_List Style ^^^^^*****/

#entypo_list *,
#entypo_list *:before,
#entypo_list *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

#entypo_list  {
	margin: 60px auto 30px auto;
	padding: 15px;
	border-radius: 7px;
	background: rgba(39, 33, 37, .9);
	font-family: 'Roboto', sans-serif;
	width: 500px;
}

#entypo_list h2 {
	color:rgba(0,135,205,1);
	line-height: 60px;
	font-weight: bold;
	text-align: justify;
}

#entypo_list span {
	padding: 0 20px;
}
/*****^^^^^ End Entypo_List Style ^^^^^*****/

/*****^^^^^ Tooltips Style ^^^^^*****/
a.tooltip {
	outline:none;
}
a.tooltip strong {
	line-height:30px;
}
a.tooltip:hover {
	text-decoration:none;
}
a.tooltip span {
	z-index:10;
	display:none;
	padding:14px 20px;
    margin-top: 30px;
	margin-left:-352px;
    width:370px;
	line-height:16px;
	font-size:13px;
}
a.tooltip:hover span{
    display:inline;
	position:absolute; 
    border:2px solid #FFF;
	color:#EEE;
    background:#333;
}
    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}
/*****^^^^^ End Tooltips Style ^^^^^*****/

/*****^^^^^ Dynamic Drive - Smooth Menu [ddsmoothmenu.css] ^^^^^*****/
.ddsmoothmenu {
	padding: 5px;
	display: none;
	background: #4a4a4a; /*background of menu bar (default state)*/
}

.ddsmoothmenu ul {
	z-index:100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	color: #bbb3ac;
	font-size: 14px;
	font-weight: 400;
	padding: 8px 37px;
	padding-left: 32px;
	border-right: 1px solid #778;
	color: #bbb3ac;
	text-decoration: none;
}
.ddsmoothmenu ul li a.last_menu {
	border-right: none;
}
.ddsmoothmenu ul li a.last_menu_lock {
	border-right: none;
	padding-left: 20px;
	padding-right: 15px;
}

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
	color: #bbb3ac;
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: #404040 !important; 
	color: #0ad6e7;
}

.ddsmoothmenu ul li a:hover {
	background: #404040;
	color: #0ad6e7;
}
	
/* sub menus */
.ddsmoothmenu ul li ul {
	position: absolute;
	left: -3000px;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	background: #4a4a4a;
	border: 1px solid #5c5c5c;
	border-top: 0;
}

/*Sub level menu list items (alters style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	font-weight: 500;
	font-size: 12px;
	color: #bbb3ac;
	width: 160px; /*width of sub menus*/
	padding: 5px 10px;
	margin: 0;
	border: none;
	border-bottom: 1px solid #4f4f4f;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

/* ##### CSS classes applied to down and right arrow images  ##### */
.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

.leftarrowclass{
margin-right: 5px;
}
/* ##### CSS classes applied to down and right arrow images  ##### */


/* ##### CSS for shadow added to sub menus  ##### */
.ddshadow{ 
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}

.toplevelshadow{
margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */
opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */
}

.ddcss3support .ddshadow.toplevelshadow {
margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}

.ddcss3support .ddshadow {
background-color: transparent;
box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
-moz-box-shadow: 5px 5px 5px #aaa;
-webkit-box-shadow: 5px 5px 5px #aaa;
}

/* ######### Mobile menu container CSS ######### */

div.ddsmoothmobile{ /* main mobile menu container */
background: #414141;
color: white;
position: fixed;
top: 0;
left: 0;
width: 200px; /* width of mobile menu */
height: 300px;
overflow: hidden;
visibility: hidden;
border-radius: 0 0 10px 0;
box-shadow: 0 0 10px gray;
}

div.ddsmoothmobile a{
color: white;
text-decoration: none;
}

div.ddsmoothmobile div.topulsdiv{ /* Single DIV that surrounds all top level ULs before being flattened, or the ULs on the "frontpage" of the menu */
position: relative;
background: #414141;
overflow-y: auto;
width: 100%;
height: 100%;
}


div.ddsmoothmobile ul{ /* style for all ULs in general inside mobile menu */
list-style: none;
width: 100%;
top: 0;
left: 0;
background: #414141;
margin: 0;
padding: 0;
}

div.ddsmoothmobile div.topulsdiv ul.submenu{ /* top level ULs style */
}


div.ddsmoothmobile ul.submenu{ /* sub level ULs style */
position: absolute;
height: 100%;
overflow-y: auto;
}

div.ddsmoothmobile ul li{
border-bottom: 1px solid gray;
position: relative;
font-weight: bold;
}

div.ddsmoothmobile ul li.breadcrumb{ /* breadcrumb LI that's added to the top of every sub level UL */
cursor: pointer;
padding: 10px;
background: black;
}

div.ddsmoothmobile ul li a{
display: block;
padding: 6px;
}

div.ddsmoothmobile ul li a:hover{
background: black;
}

/* ############# Animated Drawer icon (mobile menu toggler) CSS ############# */

.animateddrawer{
	font-size: 10px; /* Base font size. Adjust this value to modify size of drawer icon */
  width: 3em; 
  height: 2.8em; 
  outline: none;
	position: fixed; /* BY default, make toggler fixed on screen */
	display: none;
	top: 10px; /* Position at upper right corner */
	right: 10px;
	background: white;
	z-index: 1000;
}

.animateddrawer:before, .animateddrawer:after{
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 0.6em; /* height of top and bottom drawer line */
  background: black;
  border-radius: 2px;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: all 0.3s ease-in; /* set transition type and time */
  transition: all 0.3s ease-in; 
}

.animateddrawer:after{
  top: auto;
  bottom: 0;
}

.animateddrawer span{
  width: 100%;
  height: 0.6em; /* height of middle drawer line */
  background: black;
  position: absolute;
  top: 50%;
  margin-top: -0.3em; /* set this to - half of middle drawer line height */
  border-radius: 2px;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.3s ease-in 0.3s; /* set transition type and time */
  transition: all 0.3s ease-in 0.3s;
}

.animateddrawer span::after{
  content: '';
  display: block;
  width: 100%;
  height: 0.6em; /* height of middle drawer line */
  background: black;
  border-radius: 2px;
  position: absolute;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.3s ease-in 0.3s; /* set transition type and time */
  transition: all 0.3s ease-in 0.3s;
}

.animateddrawer.open{
}

.animateddrawer.open:before{ /* style when .open class is added to button */
  top: 50%;
  margin-top: -0.3em; /* set this to - half of top drawer line height */
  opacity: 0;
}

.animateddrawer.open:after{ /* style when .open class is added to button */
  bottom: 50%;
  opacity: 0;
}

.animateddrawer.open span{ /* style when .open class is added to button */
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animateddrawer.open span:after{ /* style when .open class is added to button */
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/*****^^^^^ Dynamic Drive - Smooth Menu [ddsmoothmenu.css] ^^^^^*****/