/*-------------------------
	Simple reset
--------------------------*/


*{
	margin:0;
	padding:0;
}


/*-------------------------
	General Styles
--------------------------*/


html{
	/* This image will be displayed fullscreen */
	background:url('../images/bg.jpg') no-repeat center center;
	
	/* Ensure the html element always takes up the full height of the browser window */
	min-height:100%;
	
	/* The Magic */
	background-size:cover;
	height:100%;
	background-attachment:fixed;
}

body{
	/* Workaround for some mobile browsers */
	min-height:100%;
	font:14px/1.3 'Arial';
	color:#000000;
	height:100%;
}

a, a:visited {
	outline:none;
	color:#000000;
}

a:hover{text-decoration:none; color:#000000;}

p{margin-bottom:15px;}

#main_panel{
	/*max-width:1260px;*/
    max-width: calc(100% - 32px);
	height:auto;
	border:0px solid red;
	left:0px;
	top:0px;
	/*margin-top:20px;
	margin-left:20px;*/
    padding:1rem 1rem 0 1rem;
}

#left_panel {
    width: 156px;
    height: 100%;
    display: table;
    padding: 20px 5px;
    background-image: url(../images/white.png);
    position: fixed;
    left: 0px;
    top: 0px;
}


#left_panel img{margin: 12px 0px 0px 0px;
    width: 85%;}

.punchline{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	margin-bottom:20px;
	display:block;
}

#left_menu{
	width:156px;
}

#left_menu li{
	display:block;
	list-style:none;
}


#left_menu li a{
	display:block;
	text-decoration:none;

	height:17px;
	padding:7px 5px 5px 10px;
	margin:0px 0px 7px 0px;
	border:1px solid #000;
	border-radius:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#041c36;
	color:#fff;
}

#left_menu li ul{padding:0px; margin:0px; display:block; border:0px solid red;}

#left_menu li li a{
	display:block;
	text-decoration:none;
	height:17px;
	padding:7px 5px 5px 10px;
	margin:0px 0px 7px 0px;
	border:1px solid #094fa4;
	border-radius:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#094fa4;
	color:#fff;
	list-style:none;
}

#right_panel {
    /*max-width: 950px;*/
    max-width: calc(100% - 196px);
    height: auto;
    border: 0px solid red;
    margin-left: 182px;
    /*margin-top: 20px;*/
    padding-top: 12px;
} 

.user_name{
	border-bottom:1px solid #999;
	font-size:12px;
	line-height:15px;
	font-weight:bold;
	height:20px;
}

a.logout:link, a.logout:active, a.logout:visited {
	width:40px;
	text-align:right;
	display:inline-block;
	float:right;
	font-size:12px;
	line-height:15px;
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

 a.logout:hover {border-bottom:1px solid #000;}
 
 .heading{
	border-bottom:1px solid #999;
	font-size:25px;
	font-family: 'ChunkFiveRegular';
	text-transform:uppercase;
	color:#041c36;
	/*padding-top:30px;
	height:40px;*/
    padding:1rem 0 .25rem 0;
}

a.text_button:link, a.text_button:active, a.text_button:visited {
	text-align:center;
	display:inline-block;
	float:right;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	border:1px solid #333;
	background-color:#041c36;
	padding:5px 0px 5px 20px;
	border-radius:4px;
	text-transform:capitalize;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

a.text_button:hover { background-color:#094fa4; border:1px solid #094fa4;}
 
.white{
	background-image:url(../images/white.png);
	min-height:500px;
	display:block;
	margin:10px 0px 10px 0px;
	padding:20px;
}

.copyright{
	border-top:1px solid #999;
	font-size:11px;
	/*padding-top:5px;*/
	/*height:40px;*/
    padding:.75rem 0;
}

h1{
	font-size:25px;
	color:#041c36;
	font-weight:normal;
	margin:0px;
	border-bottom:3px solid #666;
    padding-bottom: 6px; 
}

h2{
	font-size:18px;
	height:40px;
	font-weight:normal;
	margin:0px;
	border-bottom:1px solid #ccc; 
}


.item_table td{border-bottom:1px solid #ccc; height:30px; font-size:12px; }

.table_heading td {font-weight:bold; font-size:12px;   }

.item_table td a{color:#000}

.item_table select{
	border:1px solid #999;
	background-color:#f1f1f1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px;
	border-radius:3px;
	color:#000;
}

.item_table tr:hover{background-color:#f1f1f1;}

.item_table td img{margin:0px 5px 0px 5px;}

.textbox1{
	border:1px solid #ccc;
	background:#fff;
	border-radius:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	margin:5px;
	width:250px;
	box-shadow:inset 1px 1px 1px #999;
	color:#666;
}

.select1{
	border:1px solid #ccc;
	background:#fff;
	border-radius:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	margin:5px;
	width:260px;
	box-shadow:inset 1px 1px 1px #999;
	color:#666;
}
.selectautowidth{
	border:1px solid #ccc;
	background:#fff;
	border-radius:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	margin:5px;
	width:auto;
	box-shadow:inset 1px 1px 1px #999;
	color:#666;
}

.button1{
	text-align:center;
	display:inline-block;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	border:1px solid #333;
	background-color:#041c36;
	padding: 5px 20px 5px 20px;
	border-radius: 4px;
	text-transform:capitalize;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:4px;
	text-indent:-7px;
}

.button1:hover{background-color:#094fa4; border:1px solid #094fa4;color:#fff; cursor:default;}


.from_table{font-size:13px;}


h3{
	font-size:16px;
	height:30px;
	font-weight:normal;
	margin:20px 0px 10px 0px;
	border-bottom:2px solid #0099FF; 
	line-height:30px;
	font-weight:bold;
	color:#041c36;
	text-transform:uppercase;
	font-size:17px;
} 
 
h4{
	font-size:13px;
	height:30px;
	font-weight:normal;
	margin:10px 0px 0px 0px;
	line-height:30px;
	font-weight:bold;
	color:#222;
	background-color:#ddd;
	text-indent:10px;
	
}


a.text_button:link, a.text_button:active, a.text_button:visited, a.text_button:hover {
	display:block;
	text-decoration:none;
	padding:7px 20px;
	margin:0px 5px 7px 0px;
	border:1px solid #000;
	border-radius:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#041c36;
	color:#fff;
	float:right;
}
.selectontop{
	border:1px solid #ccc;
	background:#fff;
	border-radius:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	margin:5px;
	width:auto;
	box-shadow:inset 1px 1px 1px #999;
	color:#666;
	float:right;
}

a.black:link, a.black:link, a.black:link, a.black:hover{color:#000; text-decoration:none;}

a.black_small:link, a.black_small:link, a.black_small:link, a.black_small:hover{color:#000; text-decoration:none; font-size:11px;}

#FileUpload {
    position:relative;
	border:0px solid red;
	float:left;
	width:350px;
}
 
#BrowserVisible {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    background:url(../images/browse.gif) 100% 0px no-repeat;
    height:32px;
    width:310px;
}
 
#FileField {
	width:200px;
	height:20px;
	border:1px solid #ccc;
	background:#fff;
	border-radius:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	box-shadow:inset 1px 1px 1px #999;
	color:#666;

}
 
#BrowserHidden {
    position:relative;
    width:310px;
    height:26px;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
}

a.backbutton:link, a.backbutton:active, a.backbutton:visited {
	text-align:center;
	display:inline-block;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	border:1px solid #333;
	background-color:#041c36;
	padding:5px 20px 5px 20px;
	border-radius:4px;
	text-transform:capitalize;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin: 5px;	
}

a.backbutton:hover { background-color:#041c36; border:1px solid #333;}

a.prepare:link, a.prepare:active, a.prepare:visited {
	color:#006600;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
}

a.prepare:hover
{
    text-decoration:underline; 
    color:#006600;
}

/*########## [EstimateTemplate UI Design] ##########*/

.input-Sty {border-collapse:collapse;border:solid 1px silver;width:90%;}
.input-Sty td, .input-Sty th {padding:.25rem;border-collapse:collapse;border:solid 1px silver;}
.table-freeze, .input-Sty th {border-top:solid 0px silver !important;}
.table-freeze {width:calc(100% - 2px) !important;}
 .input-Sty th {white-space:nowrap; background-color:#dedede;}
.txtCost-sty{width: 80%;padding: 3px;border: 1px solid #ccc;background: #fff;border-radius: 3px; font-family: Arial, Helvetica, sans-serif;font-size: 12px;box-shadow: inset 1px 1px 1px #999;color: #666;}
.ajax__calendar_container TD{ border:0 !important; height: auto;}
.ajax__calendar_container tr{background: transparent !important;}
.td-pr-1 td, .td-pr-1 th { padding-right:12px;}
.table-sty-cs th {   
    background: #a1c4f9;
     border-top: 1px solid #ccc !important;
}


.table-sty-cs th, .table-sty-cs td {
    padding: 0 5px;
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
}


.table-freeze th{background-color: #9a9b9b !important;}
.table-full{ width:100%}