@charset "utf-8";
/* CSS Document */
body {
	position: relative;
	margin: 0;
	-webkit-text-size-adjust: none;
	min-height: 416px;
	font-family: helvetica,sans-serif;
	-webkit-background-size: 0.432em 75%;
	background: -webkit-gradient(linear,left top,right top,from(#C5CCD4),color-stop(71%, #C5CCD4),color-stop(72%, #CBD2D8),to(#CBD2D8));
	-webkit-touch-callout: none;
	padding:0px;
	background:#0e0405;
}


#content {
	width: 100%;
	position: relative;
	min-height: 250px;
	margin-top: 10px;
	height: auto;
	z-index: 0;
	overflow: hidden;
}

.graytitle {
	position: relative;
	font-weight: bold;
	font-size: 17px;
	right: 20px;
	left: 9px;
	color: #4C4C4C;
	text-shadow: white 0 1px 0;
	padding: 1px 0 3px 8px;
}

.pageitem {
	-webkit-border-radius: 8px;
	background-color: white;
	border: #878787 solid 1px;
	font-size: 12pt;
	overflow: hidden;
	padding: 0;
	position: relative;
	display: block;
	height: auto;
	width: 60%;
	margin: 3px 9px 17px;
	list-style: none;
}

.specificationpageitem {
	-webkit-border-radius: 8px;
	background-color: white;
	border: #878787 solid 1px;
	font-size: 14px;
    font-weight: bold;
	overflow: hidden;
	padding: 0;
	position: relative;
	display: block;
	height: auto;
	width: auto;
	margin: 3px 9px 17px;
	list-style: none;
	padding-left: 5px;
	padding-top: 5px;	
}
.specificationpageitem input[type="text"]
{
	position: relative;
	list-style-type: none;
	display: block;
	overflow: hidden;
	border: 1px solid #878787 !important;
	border-radius:5px;
	padding:5px;
	width:95%;
	font-weight: normal;
	font-size: 12px;	
	margin:5px 0px 0px;
}

.specificationpageitem select 
{
    position: relative;
	list-style-type: none;
	display: block !important;
	overflow: hidden;
	border: 1px solid #878787;
	border-radius:5px;
	padding:5px;
	width:99%;
	font-weight: normal;
	font-size: 12px;	
	background: url('/images/downarrow.png') no-repeat 99% 7px;
	margin:5px 0px 15px;
}
.pageitem li:first-child, .contentBlock li.form:first-child {
	border-top: 0;
}
.menu, .checkbox, .radiobutton, .select, li.button, li.bigfield, li.smallfield {
	position: relative;
	list-style-type: none;
	display: block;
	height: 43px;
	overflow: hidden;
	border-top: 1px solid #878787;
	width: auto;
}

li.smallfieldNew {
	position: relative;
	list-style-type: none;
	display: block;
	height: 85px;
	overflow: hidden;
	border-top: 1px solid #878787;
	width: auto;
}

.menu, .checkbox, .radiobutton, .select, li.button, li.bigfield, li.smallfield {
	position: relative;
	list-style-type: none;
	display: block;
	height: 43px;
	overflow: hidden;
	border-top: 1px solid #878787;
	width: auto;
}

.pageitem li:first-child:hover, .pageitem li:first-child a, .radiobutton:first-child input, .select:first-child select, li.button:first-child input, .bigfield:first-child input {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}

.bigfield input {
	-webkit-appearance: none;
	border: 0;
	height: 100%;
	padding: 0;
	-webkit-border-radius: 0;
	background: transparent;
	font-weight: bold;
	font-size: 17px;
	padding-left: 5px;
}
.bigfield input {
	/*width: 455px;*/
	width:98%;
}

.menu, .checkbox, .radiobutton, .select, li.button, li.bigfield, li.smallfield {
	position: relative;
	list-style-type: none;
	display: block;
	height: 43px;
	overflow: hidden;
	border-top: 1px solid #878787;
	width: auto;
}

.button input {
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	border: 0;
	-webkit-border-radius: 0;
	font-weight: bold;
	font-size: 17px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	background: none;
}


.buttonNew input {
	width: 45%;
	height: 100%;	
	border: 0;	
	font-weight: bold;
	font-size: 17px;		
	background: none;
}

/*
.buttonNew input.file {
width: 150px;
	height: 20px;
	border: 1px solid #BBB;
	border-right: 0;
	color: #888;
	padding: 5px;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;	
	outline: none;	
}
div.file_upload {
	width: 500px;
	height: 22px;
	background: #7abcff;
	background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
	background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );

	display: inline;
	position: absolute;
	overflow: hidden;
	cursor: pointer;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 8px;
}
div.file_upload:before {
	content: 'TAKE ARRIVAL IMAGES';
	position: absolute;
	left: 0; right: 0;
	text-align: center;
	cursor: pointer;
}

div.file_upload input {
	position: relative;
	height: 30px;
	width: 250px;
	display: inline;
	cursor: pointer;
	opacity: 0;
}

*/
.pageitem li:first-child, .pageitem li.form:first-child {
	border-top: 0;
}

li {
	display: list-item;
	text-align: -webkit-match-parent;
}
.pageitem {
	font-size: 12pt;
	list-style: none;
}

.radiobutton .name {
	z-index: 1;
}

.menu .name, .checkbox .name, .radiobutton .name {
	margin: 11px 0 0 7px;
	width: auto;
	color: black;
	font-weight: bold;
	font-size: 17px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	float: left;
}
.radiobutton .name {
	max-width: 75%;
}

input[type="checkbox"] {
	width: 94px;
	height: 27px;
	background: url('../Images/checkboxOnOff.png');
	-webkit-appearance: none;
	border: 0;
	float: left;
	margin: 8px 4px 0 0;
}
input[type="checkbox"]:checked {
background-position: 0 27px;
}


.center {
    display: block;
    margin: auto;
    text-align: center !important;
}
img {
    border: 0 none;
}
a:hover .arrow {
    background-position: 0 -13px !important;
}


.checkbox .name {
    max-width: 190px;
}
.radiobutton .name {
    max-width: 190px;
}

.textbox textarea {
    font-size: medium;
    margin-top: 5px;
    padding: 0;
	width:100%;
}
.bigfield input {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 17px;
    font-weight: bold;
    height: 100%;
    padding: 0 0 0 5px;
}
.smallfield .name {
    font-size: 17px;
    font-weight: bold;
    left: 0;
    line-height: 44px;
    overflow: hidden;
    padding-left: 5px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 48%;
}

.smallfieldNew .name {
    font-size: 17px;
    font-weight: bold;
    left: 0;
    line-height: 44px;
    overflow: hidden;
    padding-left: 5px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 48%;
}

.smallfield input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-size: 17px;
    font-weight: bold;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    width: 50%;
}

.smallfieldNew input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    font-size: 17px;
    font-weight: bold;
    height: 44px;
    padding: 0;        
    right: 0;
    width: 50%;
}

.select select {
	-webkit-border-radius: 0;
	color: black;
	font-weight: bold;
	font-size: 17px;
}
select {
	-webkit-appearance: none;
	height: 100%;
	width: 100%;
	border: 0;
}
select {
	/*-webkit-appearance: menulist;*/
	-webkit-appearance:none;
	box-sizing: border-box;
	-webkit-box-align: center;
	/*border: 1px solid;*/
	border-image: initial;
	white-space: pre;
	-webkit-rtl-ordering: logical;
	color: black;
	background-color: white;
	cursor: default;
}
input, textarea, keygen, select, button, isindex {
	margin: 0em;
	font: -webkit-small-control;
	color: initial;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: -webkit-auto;
}

.select .arrow {
	background: url('/images/downarrow.png');
	width: 8px;
	height: 13px;
	display: block;
	-webkit-transform: rotate(90deg);
	position: absolute;
	right: 10px;
	top: 18px;
}

keygen, select, select[size="0"], select[size="1"] {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.pageitem li:first-child:hover, .pageitem li:first-child a, .radiobutton:first-child input, .select:first-child select, li.button:first-child input, .bigfield:first-child input {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
}
.menu, .checkbox, .radiobutton, .select, li.button, li.bigfield, li.smallfield {
	list-style-type: none;
}

.pageitem li:first-child:hover, .pageitem li:first-child a, .radiobutton:first-child input, .select:first-child select, li.button:first-child input, .bigfield:first-child input {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
}

input, textarea, keygen, select, button, isindex {
	margin: 0em;
	font: -webkit-small-control;
	color: initial;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: -webkit-auto;
}
.textbox {
	padding: 5px 9px;
	position: relative;
	overflow: hidden;
	border-top: 1px solid #878787;
}
.textbox textarea {
	padding: 0;
	margin-top: 5px;
	font-size: medium;
}
textarea {
	font-family: monospace;
}
textarea {
	-webkit-appearance: textarea;
	background-color: white;
	border: 1px solid;
	border-image: initial;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	-webkit-box-orient: vertical;
	resize: auto;
	cursor: auto;
	padding: 2px;
	white-space: pre-wrap;
	word-wrap: break-word;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
padding: 1px 6px;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
	-webkit-box-align: center;
	text-align: center;
	cursor: default;
	color: buttontext;
	padding: 2px 6px 3px;	
	border-image: initial;	
	background-color:White !important;
	margin:11px 0px 0px 7px;
}
input[type="button"], input[type="submit"], input[type="reset"] {
	/*-webkit-appearance: push-button;
	white-space: pre;*/
	background-color: white;
	margin:11px 0px 0px 7px;
}
input, input[type="password"], input[type="search"], isindex {
	-webkit-appearance: textfield;
	padding: 1px;
	background-color: white;
	border: 2px inset;
	border-image: initial;
	-webkit-rtl-ordering: logical;
	-webkit-user-select: text;
	cursor: auto;
}
input[type="hidden"], input[type="image"], input[type="file"] {
	-webkit-appearance: initial;
	padding: initial;
	background-color: initial;
	border: initial;
}
input[type="hidden"] {
	display: none;
}

.header {
	display: block;
	font-weight: bold;
	color: #496691;
	font-size: 12pt;
	margin-bottom: 6px;
	line-height: 14pt;
}
.pageitem li:last-child:hover, .pageitem li:last-child a, .radiobutton:last-child input, .select:last-child select, li.button:last-child input, .bigfield:last-child input {
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}

.smallfield input {
width: 50%;
position: absolute;
right: 0;
height: 44px;
-webkit-appearance: none;
border: none;
padding: 0;
background: transparent;
-webkit-border-radius: 0;
font-weight: bold;
font-size: 17px;
}

.value
{
	float:right;
	width:48%;
	font-size: 17px;
	font-weight: bold;
	position: absolute;
	text-overflow: ellipsis;
	white-space: nowrap;
	right:0px;
}
.DescriptionText
{
	font-size:12pt; 
}

.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	


/* Classes for Login Page */

table[Attributes Style] {
	border-spacing: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
tbody {
	display: table-row-group;
	vertical-align: middle;
	border-color: inherit;
}
tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}
td, th {
	display: table-cell;
	vertical-align: inherit;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
.smallfield:first-child input {
	-webkit-border-top-right-radius: 8px;
}
.smallfield input {
	width: 50%;
	position: absolute;
	right: 0;
	height: 44px;
	-webkit-appearance: none;
	border: none;
	padding: 0;
	background: transparent;
	-webkit-border-radius: 0;
	font-weight: bold;
	font-size: 17px;
}
input[type="checkbox"]:checked {
	background-position: 0 27px;
}


#title {
font-size: 13pt;
}
.login_tbl
{
	background-color:#fff;
	border-radius:8px;
	margin:0 auto;
}
.login_tbl td
{
	border-bottom:1px solid #ccc;
	padding:2px 0px;
}

.login_tbl td input[type="button"], input[type="submit"],input[type="text"],input[type="password"], input[type="reset"]
{
	box-shadow:none !important;
	-webkit-appearance: none;
	border: none;
	padding: 0;
	background: transparent;
	-webkit-border-radius: 0;
	font-weight: bold;
	font-size: 17px;
	margin:5px 0px 0px 7px;
	padding:7px 3px;
}

.loginlabel {
    font-size: 16px;
    font-weight:bold;
    padding-left: 5px;
    text-align:left;
   }
.login_textbox 
{
	border:none !important;
	width:90px;
	padding:7px 3px !important;
	font-weight:bold;
	font-size:17px;
	background-image:none !important;
	background: transparent !important;
	
}
input.loginbtn
{
font-weight: bold;
margin-bottom: 0px;
border: solid 1px;
font-size: 18px;
/*background:#000;*/
padding:8px 15px;
/*color:#fff;*/
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
overflow:hidden;
}
/* End Login Page CSS */

.no_btm_border
{
	border-bottom:none !important;
}



/*NEW CSS START HERE*/

.banner-wrap{
width:100%;
text-align:center;
margin:10px auto;
}

input.arrival-btn{
	background:url('camera.png') no-repeat 3% center;
}
.tac{text-align:center}


/*CSS FOR EVALUATION START HERE*/

.list-link-head{
	padding:5px 0px 10px;
	text-align:center;
}
.list-link-head a{
	text-decoration:underline;
	color:#4C4C4C;	
}
.list-link-head a:hover{
	text-decoration:none;	
}

.specific-item {
	-webkit-border-radius: 8px;
	background-color: white;
	border: #878787 solid 1px;
	font-size: 12pt;
	overflow: hidden;
	padding: 0;
	position: relative;
	display: block;
	height: auto;
	width: auto;
	margin: 3px 9px 17px;
	list-style: none;
}

.specific-item li:first-child {
	border-top: 0;
}
.specific-item li {
	border-bottom:1px solid #878787;
	padding-bottom:10px;
}
.specific-item li label {
	font-size: 17px;
	font-weight: bold;
	padding: 5px 5px 0px;
	white-space: nowrap;
	display:block;
}
.specific-item li input {
	width:98%;
	min-height: 20px !important;
    margin: 5px 0 0 7px;
    padding: 7px 3px;
	border:1px solid #878787;
	border-radius:5px;
}
.specific-item li select {
	width:99%;
	min-height: 20px !important;
    margin: 5px 0 0 7px;
    padding: 7px 3px;
}
.specific-item li select.selectbox {
	border:1px solid #878787;
	border-radius:5px;
}
.specific-item li.selectfld {
	position:relative;
}
.specific-item li.selectfld .arrow-select {
	background: url('downarrow.png');
	width: 8px;
	height: 13px;
	display: block;
	-webkit-transform: rotate(90deg);
	position: absolute;
	right: 10px;
	top: 45px;
}

.newArr-app-bg{
 width:100%;
 margin:0 auto;
 background:#231f20;
 vertical-align:top; 
 clear:both;  
}
.app-opt{
 padding:20px 10px 15px; 
 clear:both;  
}

.app-opt h1
{
 font-size:30px;
 color:#f37322;
 font-style:italic;
 font-weight:normal;
 text-align:center;
 letter-spacing:1px;
}


/*NEW CSS START HERE*/

.banner-wrap{
text-align:center;
margin:10px;
background:#fff;
padding:15px 0px 15px;
}

input.arrival-btn{
	background:url('camera.png') no-repeat 3% center;
}
.tac{text-align:center}




div.custom_file_upload {
	height: 30px;	
	padding:0px;
	position:relative;	
	margin: 3px 12px  17px;	
	text-align:center;  
	/* border:1px solid red; */
}

input.file {
	width: 150px;
	/*height: 20px;*/
	border: 1px solid #BBB;
	border-right: 0;
	color: #888;
	padding: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	outline: none;
	display:none;
}

div.file_upload {
	/*background: #7abcff;
	background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
	background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	background: linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );*/
	background:#fff;
   
	display: inline;
	overflow: hidden;
	cursor: pointer;
	
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
	font-weight: bold;
	color: #000;
	text-align: center;
	/*padding: 8px;*/
	margin:0px;
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	padding-top:8px;
	border:1px solid #878787;
}
div.file_upload:before {
	content: 'TAKE IMAGE';
	position: absolute;
	left: 0; right: 0;
	text-align: center;
	cursor: pointer;
	height:30px;
	color: #000;
}

div.file_upload input {
	position: relative;
	height: 30px;
	width: 250px;
	display: inline;
	cursor: pointer;
	opacity: 0;
}

input.takeImg {
	background: #6e85a3;
	background: -moz-linear-gradient(top,  #acb9ca 0%, #8a9cb4 44%, #6e85a3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#acb9ca), color-stop(44%,#8a9cb4), color-stop(100%,#6e85a3));
	background: -webkit-linear-gradient(top,  #acb9ca 0%,#8a9cb4 44%,#6e85a3 100%);
	background: -o-linear-gradient(top,  #acb9ca 0%,#8a9cb4 44%,#6e85a3 100%);
	background: -ms-linear-gradient(top,  #acb9ca 0%,#8a9cb4 44%,#6e85a3 100%);
	background: linear-gradient(top,  #acb9ca 0%,#8a9cb4 44%,#6e85a3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a9cb4', endColorstr='#6e85a3',GradientType=0 );
	color: #236277;
    text-shadow: 0 1px #C2ECF9;
	display: inline;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	/*padding: 8px;*/
	margin:0px;
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	padding:12px 0px 10px;
}
.no-brder{
	border:none;	
}

.upload{display:block; width:100%; text-align:center;}

.ModalPopupBG
{
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

/* New changes added by 28-4-15 */

#topbar {
    margin:0 auto;
    text-align:center;
    padding-top:20px;
}
#topbar .img-responsive
{
    max-width:100%;
    height:auto;
    overflow:hidden;
    clear:both;
    margin:20px auto 0 auto;
    display:block;
    }
.container
{
    width:1004px;
    margin:0 auto;
    }
.aaron-logo
{
    max-width:100%;
    height:auto;
    display:block;
    margin:0 auto 20px auto;
    }
h1
{
    font-size:24px;
    font-weight:bold;
    color:Orange;
    margin:0px 0 20px 0;
    text-align:center;
    } 
#loginUser
{
    width:450px;
    height:auto;
    }
#loginUser table
{
    margin:10px auto;
    text-align:center;
    width:90%;
    }
.page-wrapp {
    background:#F0F8FF;
    width:65%;
    margin:0 auto;
    overflow:hidden;
    padding:20px;
            border-radius:10px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        position:relative;
}

.pageitem {
margin:0 auto;
 width:99%;
}

.bigfield input {
width:90%;
height:auto;
padding:5px;

}
    #content {
    margin:0;
    }
        .graytitle {
        padding:20px 10px;
        clear:both;
        display:block;
        }
        .graytitle {
        padding:20px 10px 5px 0px;
        left:0;
        right:0
        }
.top-heading {
    margin-top:0;
    padding:0 20px 0 0 ;

}
#title {
position:absolute;
right:20px;
top:20px;
z-index:100;
}

.upload {
        margin: 0 auto !important;
        color: white;
        background-color: orange !important;
    } 
#title a:link img, #title input {
        width: 30px;
        height: 30px;
    }

.even {  
            color:black;  
            background-color:#BEBEBE;  
            height:35px;
            padding-top:12px;
        }  
.odd {  
            color:black;  
            background-color:white;  
            height:35px;
            padding-top:12px;
        } 

.select .arrow {
	background: none; 
	width: 8px;
	height: 13px;
	display: block;
	-webkit-transform: rotate(90deg);
	position: absolute;
	right: 10px;
	top: 18px;
}

 @media screen and (max-width: 767px) {
.container
{
    width:100%;
    margin:0 auto;
    }
#topbar 
{
    width:80%;
    }
#loginUser
{
    width:90%;
    height:auto;
    } 
#loginUser table
{
    margin:10px auto;
    text-align:center;
    width:90%;
    }
#loginUser table table
{
    width:100%;
    }
#loginUser table table table
{
    width:100%;
    }
.aaron-logo
{
    width:90%;
    margin:20px 0 ;
    }
#topbar .img-responsive
{
    width:40%;
    display:none;
    }
.loginlabel
{
    font-size:14px;
    }
        .pageitem {
        width:99%;
        
        }
        .page-wrapp {
        width:90%;
        padding:10px;
        
        }
        .bigfield {
        height:auto;
        
        }
        .select {
        height:40px;
        }
        .graytitle {
        padding:20px 10px 5px 0px;
       left:0;
        right:0
        }
        #content {
        padding:10px 0 20px 0;
        margin:0;
        }
        .top-heading {
            margin-top: -20px;
        }
        .upload {
        margin: 0 auto !important;
        color: black;
        background-color: white !important;
    } 
    #title a:link img, #title input {
        width: 25px;
        height: 25px;
    }

.even {  
            color:black;  
            background-color:#BEBEBE;  
            height:25px;
            padding-top:5px; 
}  
.odd {  
            color:black;  
            background-color:white;  
            height:25px;
            padding-top:5px; 
} 
.select .arrow {
	background: url('/images/downarrow.png');
	width: 8px;
	height: 13px;
	display: block;
	-webkit-transform: rotate(90deg);
	position: absolute;
	right: 10px;
	top: 18px;
}
     
}

@media screen and (min-width: 768px) and (max-width: 1024px){
.container
{
    width:100%;
    margin:0 auto;
    }
#topbar 
{
    width:80%;
    }
#loginUser
{
    width:70%;
    height:auto;
    } 
#loginUser table
{
    margin:10px auto;
    text-align:center;
    width:70%;
    }
#loginUser table table
{
    width:100%;
    }
#loginUser table table table
{
    width:100%;
    }
.aaron-logo
{
    width:50%;
    }
#topbar .img-responsive
{
    width:20%;
    }
    .page-wrapp {
    margin:0 auto;
    width:90%;
    }
    .pageitem {
    width:99%;
    }
    #content {
    margin:0;
    }
        .graytitle {
        padding:20px 10px 5px 0px;
        left:0;
        right:0
        }
        .top-heading {
            margin-top: -20px;
        }
    .upload {
        margin: 0 auto !important;
        color: black;
        background-color: white !important;
    } 

.even {  
            color:black;  
            background-color:#BEBEBE;  
            height:30px; 
            padding-top:10px;
}  
.odd {  
            color:black;  
            background-color:white;  
            height:30px; 
            padding-top:10px;
}
.select .arrow {
	background: url('/images/downarrow.png');
	width: 8px;
	height: 13px;
	display: block;
	-webkit-transform: rotate(90deg);
	position: absolute;
	right: 10px;
	top: 18px;
}
}