/* application logo */
#logo img {
	margin: 11px 0 12px 0;
	display: block;
	background: transparent url(../images/app_logo.png);
	height: 49px;
	width: 424px;
}
.certificate_details {
	margin: 5px 5px 5px 13px;
}
.certificate_details td {
	padding: 0px 5px;	
}
.certificate_body_details td {
	padding: 3px 5px;	
}
#new_trial tr.buttons td {
	padding: 15px 20px;
	border: none;
}
#new_trial select {
	width: 200px;
}
#new_trial td {
	padding: 10px 20px 5px 20px;
	border-bottom: 1px solid #D3DFE8;
}
.certificate_id {
	color: #86BB2A;
	font-size: 10px;
}
/* icons */
.icon_comments {
	height: 14px;
	width: 13px;
	cursor: pointer;
	vertical-align: middle;
}
.certificate_details h2 {
	font-size: 12px;
	background: transparent url('https://static.chubb.com/UXF/1.0/images/sprites.png') no-repeat 0 -96px;
	padding-left: 10px;
	margin-bottom: 5px;
	color: #86BB2A;
}
.certificate_details .title {
	color: #86BB2A;
	font-weight: bold;		
}
div.hr {
	border-top: 1px dashed #C7CBD0;
	height: 1px;
	overflow: hidden;
	margin: 15px 0;
}
.chubb_body {
	color: #3C464D;
    
    font-size: 95%;
    margin: 0;
    padding: 0;
}

/* Styles used for some patterns  */
.pg-padding {
    padding: 10px 20px 20px;
}
.simple-box {
    border: 1px solid #D1D6DB;
    margin-top: 5px;
    padding: 10px;
}
.cell-form-spacing {
    padding: 10px 0 0 15px;
}
.cell-form-spacing td {
    padding: 5px;
}
.float-container {
    height: 1%;
    overflow: hidden;
    position: relative;
}
.dtk-object {
    float: left;
    padding-left: 0;
    position: relative;
    width: 260px;
}
/*  this sets the minimum width of the application  */
#header {min-width: 770px; height: 63px;}
#tabs  {	min-width:790px;} 
#tabs ul {
    height: 25px;
    margin-left: 5px;
    padding-right: 5px;
}
#primary_content_area { min-width:788px; height: 85%;}
/* layout specific css */
#appLayout { height: 100%;}
#leftCol 		{ width: 25%; }
#content-wrap{ padding:10px 5px 5px;height:98%;visibility:hidden }
/** 2 column layout  **/
.two-column-layout {
    height: 1%;
    overflow: hidden;
    position: relative;
	height:100%;
}
.two-column-layout  .item {
    background-color: #F7F7F7;
    float: left;
    margin-left: 10px;
    padding-left: 0;
    position: relative;
    width: 48%;
	height:100%;
}
.clear {
    clear: both;
}
.two-column-layout .left{ width:30%;}
.two-column-layout .right{ width:67%;}
.mobile-link{ display:none;}
/*******************************/
/* chubb.css overrides  */
#sub_tabs { margin: 0; padding-top: 4px; }
/************************/
/******* DOJO OVERRIDES ****************/
.claro .dijitTabChecked .dijitTabContent {
    color: #3C464D;
	line-height: 18px;
}
.claro {
    color: #3C464D;
    font-size: 17px;
}
.dojoxGridFCBox .dojoxGridFCBoxColSelect, .dojoxGridFCBox .dojoxGridFCBoxCondSelect, .dojoxGridFCBox .dojoxGridFCBoxValueBox {
    display: inline-table;
    margin: 0 0 0;
    width: 100%;
}
/****************************************/
html, body  { height: 900px; margin: 0; padding: 0; }	
/*  .notices{
	border-bottom: 1px dotted #B7B6B6; padding: 7px 0; 
}  */
.notices li {
    padding-bottom: 6px;
}
.notices div{
    padding-top: 5px;
}

.tabConentPadding {
	margin:15px
}

#updatesList li {
	padding: 8px 0;
}

.pane-wrapper{
	margin: 10px;
}







/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 480px),
(min-device-width: 481px) and (max-device-width: 768px)  {

.two-column-layout .left{ width:95%;}
.two-column-layout .right{ width:95%;}

.two-column-layout .nada{ width:0%;display:none;}
.two-column-layout .cien{ width:99%;}

.mobile-link{ display:block;}
	
	.dtk-object {
		display:none;
	}
	#tabs {
		min-width: 200px;
		margin: 0 1.3%;
	}

	#primary_content_area {
		min-width: 200px;
	}

	#footer {
		display:none;
	}
	.page-wrap {
		padding: 0;
	}	
	#sub_tabs {
		margin: 0 0 5px;
	}
	.title {
		font-size: 100%;
		padding-bottom: 5px;
		padding-left: 15px;
	}
	.ifrm-containder {
		padding-left: 0;
	}
	#primary_content_area {
		margin: 0 1.3%;
	}
	
	#logo img {
		height: 30px;
		margin: 1% 2% 2.5% 1%;
		width: 265px;
	}
	.title {
		/*color: #5E5A5A;
		font-size: 90%;
		padding-bottom: 5px;
		padding-left: 5px;
		text-align: left; */
		display:none;
	}
	#logo img {
		height: 100%;
		margin: 1% 2% 2.5% 1%;
		width: 80%;
	}
	#header {
		height: 48px;
		 min-width: 298px;
	}
	#tabs ul {
		height: 18px;
	}
	#sub_tabs {
		display: none;
	}
	#application_support {
		display:none;
	}
	.mobile-helper {
		display:block;
	}
	.mobile-helper > a {
		color: gray;
		text-decoration: underline;
	}
	.page-wrap {
		background-color: white;
		padding: 0 2%;
	}
	
	html, body { height: 200%;  }

}