body{
	margin:0px;
	background-image:url("../images/vendit_swirl.png");
	background-repeat:no-repeat;
	background-position:60px 0;
	margin-bottom: 50px;
}
body,html{
	padding:0px;
	width:100%;
}
html{
	margin:0px;
	position: relative;
	min-height: 100%;
}
header{
	color:#fff;
	border:0px;
	margin-left:0px;
	margin-right:0px;
	background-color:rgb(0,39,79); 
	width:100%;	
	margin-top:25px;
	height:75px;
	margin-top:0px;
	height:45px;
}
#menu_mbl{}

footer{ 
  position: absolute;
  bottom: 0;
  /* Set the fixed height of the footer here */
height:30px; background-color:rgb(0,39,79); width:100%}


.navbar{ border:0px; padding:0px; margin:0px;}

.navbar{background-color:transparent;}

#header_left{float:left;}
#header_right{float:right;}

#columns{ width:990px;margin-left:auto;margin-right:auto;}
#column_left{ float:left; }
#column_right{ float:right; }

.mnbtn{
	font-size:0.9em;
	margin:0px;
	padding:11px;

	height:40px;
	background-color:rgb(243,152,1);	
}
.mnbtn:hover{
	display:block;
	cursor:pointer;
	background-color:rgb(0,39,79);	
}
.mnbtn a{
	text-decoration:none;
	color:#fff;
}
.mnbtn li{
}

#ddmenu{
	position:absolute;
	top:0px;
	right:0px;
}
#user_menu{ display:none;}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 1px;
}

footer{
	height:30px;
	background-color:rgb(0,39,79); 
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}
footer a:link{ color:#fff; }
.navmenu{float:left;z-index:99; width:100%;}
.contenttext{float:left;width:100%;}	
.clear{ clear:both; }

#objAgenda{
	font-size:9px;
}

select{
	padding:2px;
	border:1px solid #000;
}
#soCustDetails1,#soCustDetails2{
	float:left;
	padding-right:30px;	
	width:300px;
}
#soCustDetails2{
	padding:0px;
}
.soCustDetails1_sub,
.soCustDetails2_sub{
	display:inline-block;
	width:100px;
		font-weight:bold;
}
#soCustDetails2 input{
margin:0px;
	padding:2px;
	padding-bottom:4px;
	border:1px solid #000;
}
#soCustDetails2 button{
margin:0px;
border:1px solid #000;
}

#tabs div{border-right:0;}

#tabs div{
	float:left;
} 

#tabs div:last-child{border-right:1px solid #000}
@media (min-width: 1px) {
	.container{
		width:100%;
	}

	#header_left img{
		margin-left:15px;
		margin-top:8px;
		height:29px;
		width:122px;
	}
	
	#header_left{
		text-align:center;
		width:100%;
	}

	.menu_mbl{
		display:inline-block;
		width:100%;
		padding:0px;	
	}
	
	.menu_mbl li{
		margin-top:15px;
		display:inline-block;
		width:100%;
	}
	#header_right{
		margin-top:8px;
		width:100%;
		background-color:rgb(243,152,1);
		font-size:10px;
		padding-left:15px;
		padding-top:2px;
		padding-top:2px;
	}
	.btn{
		border-color:rgb(210,129,0)  !important;
		background-color:rgb(243,152,1) !important;
		width:100%;
		color:#fff;
		font-weight:bold;
	}
	.btn:hover{
		color:#fff;
		border-color:#666666 !important;
		background-color:#333333 !important;
	}	
	.copyright{
		display:block;
		padding-top:8px;
	}
	#user_selector button{
		border:1px solid #000;
	}
	#user_selector td:last-child{
		display:none;
	}	
	#objAgenda{
		font-size:9px;
	}
	/*iframe{
		height:0px;
		width:0px;
	}*/
	#iframedata{
		font-size:9px;
	}
	#oDocumentDetails tr:hover{
		background:#A9C3DD;
		border-color: #336699;
		cursor: pointer;
	}
	.data-row0,.data-row1 {
		font-size:10px;
		/*white-space: nowrap;*/
		background-color: #E0E0E0;
		padding:3px  0 3px 0 ;
    }

    .data-row1 {
		background-color: #fff;
    }
	
	#soCustDetails2{ padding-top:20px;}
	#soCustDetails1,#soCustDetails2{
		width:300px;
	}
	#actiondata div{font-size:10px;}
	

	.e_name{float:left;width:130px;padding-left:2px;}
	.e_title{float:left;width:120px;}

	.e_phone{float:left;width:140px;padding-left:2px;}

	.a_date{float:left;width:80px;padding-left:5px;font-weight:bold;font-size:12px !important}
	.a_name{float:left;width:200px;font-weight:bold;font-size:12px !important}
	.a_text{padding-left:5px;float:left;word-wrap:break-word;width:100% }
	
	#tabs div{font-size:10px; margin:0px;padding:5px 10px 5px 10px}
}

@media (min-width: 546px) {
.data-row0,.data-row1 {font-size:14px }
.e_name{float:left;width:200px;padding-left:5px}
.e_title{float:left;width:230px;}

.e_phone{float:left;width:120px;}
.e_email{float:left;width:202px;}
#tabs div{font-size:14px; margin:0px;padding:5px 10px 5px 10px}

#actiondata div{font-size:13px;}
.a_date{float:left;width:90px;padding-left:5px}
.a_name{float:left;width:250px;}
.a_text{float:left;width:400px;max-width:400px;word-wrap:break-word; }




#soCustDetails1,#soCustDetails2{
	width:365px;
}
#soCustDetails2{ padding:0;}

#user_menu{ display:inline;}
	#user_selector td:last-child{
		display:inline;
	}	
	#objAgenda{
		font-size:12px;
	}

	#ddmenu{
		display:none;
	}
	.navmenu{
		width:200px;
		margin-left:10px;
	}
	.menu_mbl{
		margin-top:20px;
		padding:0px;		
	}

	.btn{font-size:12px !important;}
	
	.menu_mbl li {
		border-top:1px solid rgb(210,129,0)  !important;
		border-left:1px solid rgb(210,129,0)  !important;
		border-right:1px solid rgb(210,129,0)  !important;
		margin-top:0px;
	}
	.menu_mbl li:last-child {
		border:1px solid rgb(210,129,0) !important;
	}
	.menu_mbl li:hover {
		border-top:1px solid rgb(0,27,53)  !important;
		border-left:1px solid rgb(0,27,53)  !important;
		border-right:1px solid rgb(0,27,53)  !important;
		
	}
	.menu_mbl li:last-child:hover {
		border:1px solid rgb(0,27,53) !important;
	}

	header {
		margin-top:10px;
		height:55px;
	}
	#header_left img{
		margin-top:12px;
		
	}
	
	#header_left {
		float:left;
		width:150px;
		text-align:left;
	}
	.container{
		margin:0px;
		padding:0px;
	}
	#header_right{
		float:right;
		width:250px;
		text-align:right;
		background-color:transparent;
		font-size:12px;
		margin-right:20px;
	}
	#user_menu{
		display:inline;
		visibility:visible;
	}
	.navmenu{position:relative;z-index:99;}
	.contenttext{padding-left:220px;width:100%;position:absolute;margin-top:10px; }
}


@media (min-width: 831px) {
	header {
		margin-top:25px;
		height:75px;
	}
	#header_left img{
		margin-left:15px;
		margin-top:18px;
		height:37px;
		width:148px;
	}
	.container{
		margin-top:0px;
	}
	.navmenu{
		margin-left:20px;
	}
	.contenttext{

		padding-left:230px;
		margin-top:10px;
	}

}
@media (min-width:1004px) {
	.container{
		width:990px;
		margin-left:auto;
		margin-right:auto;
	}

	#headerwrapper{
		margin-left:auto;
		margin-right:auto;
		width:930px;
	}
	.contenttext{
		width:990px;
		padding-left:235px;
		margin-top:8px;
	}

}
.data-row0:hover,.data-row1:hover{
      background: #A9C3DD;
      border-color: #336699;
      cursor: pointer;
	
	  
}
#actiondata{
	border:1px solid #000;
}
  .activeTab { 
    background-color: #A9C3DD; 
    border-left: 1px solid black; 
    border-top: 1px solid black; 
    border-right: 1px solid black; 
    text-align: center; 
    color: black; 
    cursor: "hand";
   
    }
  .passiveTab { 
    background-color: white; 
    border-left: 1px solid black; 
    border-top: 1px solid black; 
    border-right: 1px solid black; 
    text-align: center; 
    color: black; 
    cursor: "hand";
 
    }
    #oTab1:hover,#oTab2:hover,#oTab3:hover{
	  background: #A9C3DD;
      color: Blue;
      cursor: pointer;
    }