﻿/* Fixed Bugs ---------------------------------------------------------------------------------------------------------------------*/
.GridPager
{
	height:10px !important;
	overflow:hidden !important;
}
/* fixing bugs 21 */
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl01xgridCancelPolicy{ position:  static !important;}
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl01xgridInactiveVehicles, #G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl00xgridClientVehicles{ position:  static !important;}

/* fixing bugs 41_ya resuelto en Desarrollo */
/* Se eliminó excluyó el input en las propiedades aplicadas en page.css button_rounded */

/* fixing bugs 54_más style on td */
#AprobalContent_area h1 {padding-left: 13px !important;}

/* fix bug 592*/ 
#ctl00xmainContentxsearchGrid_div table
{
	position:static !important;
} 
/* fix bug 88_IE7 */ 
td#policynumber_td {*width: 180px !important;}
td#costumer_td {width: 475px !important;}

/* fix bug _98 color columnas del grid*/ 
.ig_3033fd0e_r1 {border-color: #CCC;}

/* fix bug _133 * IE7 y Mozilla/ */
#ctl00_mainContent_ctl04_webVehicleDialog{ height: 680px;}
#ctl00_mainContent_ctl04_webVehicleDialog{ *height: 622px;}

/* Centrando check boxs en bugs _224 */
#ctl00xmainContentxtabCustomerxctl01xgridCustomers_c_0_1{text-align:center;}

/* Fix Bugs 208 y 209 y el problema de desajuste de los contenidos al desplegarse los vehículos.
Falta colorear el Th y activar los Botones Inferiores (Photos y Remove cuando se da click en el ícono de más)
 */
#fix_bug_485 table{width: 100%; position:relative !important}
#fix_bug_485 th {background-color:#fff !important}
#fix_bug_485 th.igtbl_Selected{ background-color :#4D6572 !important; color:White;}

/* Ajustando Diseño de pantalla en BankOfficers */
#ctl00_mainContent_ddlBank{ margin-bottom: 5px;}
#BankOfficers_containers ul.button_rounded{ margin-top: 0px;}
#ctl00_mainContent_upBankOfficers{ margin-top: 2px;}
/* El combo de los modelos */
#ctl00_mainContent_ctl04_ultrawebtab_vehicles_ctl00_webDialogVehicle_tmpl_PolicyVehicle1_wddModel .DropDownListContainerParent
{
    margin-left:-577px !important;
}

.NewCombo > div > div
{
	width:auto ! important;
}

.igdd_Softech_InsuranceDropDownListContainer table th
{
    padding: 5px 3px;
    background-image:url(images/office_grid_header.jpg);
}

.igdd_Softech_InsuranceDropDownListContainer table td
{
    padding: 5px 3px;
}

/* Fix Bugs 645_ for IE 7.0 */
#G_ctl00xmainContentxtabCntxctl00xgridYoungDrivers
{position: static !important;}

.fixbugs_545 table { width: 100%}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here  */
/* Página de los carros_UltraWebGrid_Bug 545 */
	#ctl00xmainContentxctl04xUltraWebGrid1_mc > div
	{height:260px !important;	
	}
	#ctl00xmainContentxctl04xUltraWebGrid1_div
	{
		/*overflow-y:scroll !important;*/
	}
	#ctl00xmainContentxwtTabsxxctl0xOpenClaimGrid_hdiv{margin: 0 16px 0 0; width:auto !important;}
}


.dlg_buttons_container
{
    margin:0 0 10px 0;
}
/* Ajuste de textos en cabezal de Tablas?645 */
.igtbl_Softech_InsuranceHeader{	
	text-align: left !important;
	padding-left: 3px !important;
	 }
	 
/*Clase para ocultar columna de seleccionar en los grid*/
.ig_grid_row_selector_header, .ig_grid_row_selector_footer, .ig_grid_row_selector{
    display:none;
}

/* CSS Hacks ---------------------------------------------------------------------------------------------------------------------*/

/* hacks para IE */
.UltraWebGrid, .UltraWebGrid table
{
	#position: static !important;
}

#ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl01xgridInactivePolicy_main{ *table-layout: fixed;}

/*Para IE7*/
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl00xgridActivePolicy,
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl00xgridClientVehicles,
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl00xgridAC,
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl00xgridToBeActive,
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl00xgridOpenClaims,
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl00xgridClosedClaim,
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl01xgridInactivePolicy,
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl01xgridRenewal,
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl01xgridQuotePolicy,
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl01xgridSuspendPolicy,
#G_ctl00xmainContentxInsurancexpolicies1xwtPoliciesxctl01xgridPending
{	
	#position: static !important;
}
/*Para IE7 No se porque el Ultrawebgrid esta poniendole padding-right 17px*/
table
{
	#padding-right:0px !important;
}


/* hacks para Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here  */
	
	/* hacks para Safari en la pagina de los carros UltraWebGrid Bug 545 */
	#ctl00xmainContentxctl04xUltraWebGrid1_mc > div
	{
		height:260px !important;	
	}
	#ctl00xmainContentxctl04xUltraWebGrid1_div
	{
		/*overflow-y:scroll !important;*/
	}
	
	.UltraWebGrid table
	{
		width: 100% !important;
	}
	.UltraWebGrid table td{overflow:hidden}
	
	#ctl00xmainContentxwtTabsxxctl0xOpenClaimGrid_hdiv{margin: 0 16px 0 0; width:auto !important;}

      .UltraWebGrid table
	{
		width: 100% !important;
	}
	.UltraWebGrid table td
	{
		overflow:hidden
	}
	
	.bottom-left-panel .b { width: 49.15% !important; }
	
	.bottom-left-panel .d { width: 49.15% !important;}

    .bottom-left-panel .e { width: 99.2% !important;}
}




/* Alerts ---------------------------------------------------------------------------------------------------------------------*/

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 400px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 1px #989898;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.75em;
	color: #fff;
	background-color: #2c3e4a;
	border: solid 1px #FFF;
	/*border-bottom: solid 1px #999;*/
	cursor: default;
	padding: 0em;
	margin: 0em;
}
#popup_content {
	padding: 1em;
	margin: 0em;
}
/*#popup_content.alert {
	background-image: url(images/info.gif);
}
#popup_content.confirm {
	background-image: url(images/important.gif);
}
#popup_content.prompt {
	background-image: url(images/help.gif);
}*/
#popup_message{
	text-align:left;
	background:transparent url(images/icon_alert.jpg) no-repeat scroll 30px 0;
	padding:11px 5px 0 81px;
	min-height:23px;
}
#popup_message.alert, #popup_message.confirm, #popup_message.prompt{
	text-align:left;
	padding:11px 5px 0 81px;
}
#popup_message.alert {
	background:transparent url(images/icon_alert.jpg) no-repeat scroll 30px 0;
}
#popup_message.error {
	background:transparent url(images/icon_error.png) no-repeat scroll 30px 0;
}
#popup_message.help {
	background:transparent url(images/icon_help.jpg) no-repeat scroll 30px 0;
}
#popup_panel {
	margin:1em 0 0;
	display:inline-block;
}
#popup_prompt {
	margin: .5em 0em;
}
#popup_panel .buttons {
	float:left;
	text-align: center !important;		
}
#popup_message_cleaner{ clear:both}

/*
#popup_panel .button_rounded{
	float:left;
	text-align: center !important;		
}
#popup_panel .button_rounded input{
	display:block;
	background-image:url(../images/button_rounded.gif); 
	background-repeat:no-repeat; 
	width:98px; 
	background-color:#86b1c3; 
	text-decoration:none; 
	color:#ffffff; 	
	font-weight:bold; 
	text-align:center;
	border:none;
	height:27px;
	padding: 3px 6px;
	font-size: 10px;
	text-transform:capitalize;
}*/

/* Fotos ---------------------------------------------------------------------------------------------------------------------------------*/


#maincontainer { width: 554px; margin: 0 auto; }

#contentwrapper { float: left; width: 100%; }

/* GALLERY STYLES */

.gallerycontainer { height:450px; background: url(../images/camera.gif) no-repeat 30px 50px; position: relative; }

.gallerycontainer a,.gallerycontainer a:link,.gallerycontainer a:visited { font-weight: normal; }

.thumbnail img { border: 2px solid #333; margin: 0 0 20px 0; width: 48px; height: 36px; }

.thumbnail:hover { background-color: transparent; }

.thumbnail:hover img { border: 2px solid #999; }

.thumbnail span { position: absolute; left: -2000px; visibility: hidden; text-decoration: none; }

.thumbnail:hover span img { margin: 50px 0 5px 0; border: 2px solid #333; height: 360px; width: 480px; }

.thumbnail:hover span { visibility: visible; top: 0; left: 30px; z-index: 50; font-size: 12px; color: #333; }

/* Home Page --------------------------------------------------------------------------------------------------------------------- */
/*		PAGES NEWS		*/
.left{float:left}
.right{float:right}
/*clearfix*/
.clearfix:after {content:"."; display:block; font-size:0; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */
*+html .clearfix {min-height: 1%;} /*IE7*/
* html .clearfix {height:1%;} /*IE6*/


/*
    MasterPage
*/
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
    text-align: center;
    margin:0;
    /*padding:1px;*/
}
form {text-align: left;}
#modalProgressGreyBackground 
{
    background:#fff;
	filter:alpha(opacity=50);
	opacity:0.50;
	border: none;
	z-index: 10000000;
}
#popup_overlay
{
    background:#000;
	filter:alpha(opacity=60);
	opacity:0.60;
	z-index: 99998;
}
#updateProgressDiv, #redirectProgressDiv
{
    z-index: 10000001;
    position: absolute;
    text-align: center;
    background: #1A2A38 url(images/loading.gif) 95px 17px no-repeat; 
    width: 300px; 
    height: 50px;  
    line-height: 50px;  
    color:#fff;
    filter:alpha(opacity=80);
	opacity:0.80;	
}
#updateProgressDiv img {vertical-align:middle}

/**************************************
SelectionInfoPanel.ascx
**************************************/
.info-panel {border: solid 1px gray; margin: -1px 3px 2px 0px;}
.info-panel .info {background-image: url(../../images/header.gif); background-repeat: repeat; padding-bottom: 3px; color: white; padding-top: 2px; padding-right:3px;}
.info-panel .view-more {float: right;}
.info-panel .extra {display: none; background-color: yellow; padding: 2px;}
.info-panel.expanded .extra {display: inherit;}

/**************************************
insurance_policies.ascx
**************************************/
.all-tab{
}

.selected-policy-details {
    margin:10px 0;
    text-align:left;
    width:98.5%;
}
.pol-container
{
	padding:0 0 3px;
}
.grid-panel{
    float: left;
    width: 85%;
}
.top-panel{ margin: 0; }
.top-panel h3 { background-color: #2b3e4a; color: #ffffff; text-align: center; }
.top-panel h3 span { color: #ffffff;}

.bottom-panel{}

.bottom-right-panel{ float: left; width: 26%; margin: 2px 0 0 0; }
.bottom-right-panel h3 { background-color: #2b3e4a; color: #ffffff; text-align: center; }
.bottom-right-panel h3 span { color: #ffffff;}

.bottom-left-panel{ float: left; width: 74%; }

.bottom-left-panel .a { float: left; width: 50%; margin: 2px 0 0 2px; }
.bottom-left-panel .a .custom_ig_grid_header_caption { background-color: #bba8c6;}
.bottom-left-panel .a .first_no_border { border-left:1px solid #bba8c6 !important;}

.bottom-left-panel .b { float: left; width: 49%; margin: 2px 0 0 2px; }
.bottom-left-panel .b .custom_ig_grid_header_caption { background-color: #cfcfcf; }
.bottom-left-panel .b .first_no_border { border-left:1px solid #cfcfcf !important;}

.bottom-left-panel .c { float: left; width: 50%; margin: 2px 0 0 2px; }
.bottom-left-panel .c .custom_ig_grid_header_caption { background-color: #a0cea0;} 
.bottom-left-panel .c .first_no_border { border-left:1px solid #a0cea0 !important;}

.bottom-left-panel .d { float: left; width: 49%; margin: 2px 0 0 2px; }
.bottom-left-panel .d .custom_ig_grid_header_caption { background-color: #c0f9c0; }
.bottom-left-panel .d .first_no_border { border-left:1px solid #c0f9c0 !important;}

.bottom-left-panel .e { float: left; margin:  2px 0 0 2px; width: 99.5%;}
.bottom-left-panel .e .custom_ig_grid_header_caption { background-color: #797979; }
.bottom-left-panel .e .first_no_border { border-left:1px solid #797979 !important;}

.policy-grid{}
.policy-grid h3 { background-color: #2b3e4a; color: #ffffff; text-align: center; text-transform:uppercase; font-size: 11px; line-height: 22px; margin: 0; padding: 0; }
 
.right-panel { float: left; width: 15%;  margin-top: -3px;}
*+html .right-panel {width: 14%} /*IE7*/
* html .right-panel {width: 14%} /*IE6*/
.right-panel ul { list-style:none;margin:0;padding:0}
.right-panel ul li{ padding: 3px 3px 3px 7px;}
.right-panel ul li.separator{ height:10px;padding:0 }
.right-panel fieldset{ border: solid 1px #9ba4aa; margin-top: 7px; text-align: left; padding-left:10px; }
.right-panel fieldset legend{text-transform: uppercase;}
.right-panel fieldset ul{list-style:none;margin:0;padding:0}
.right-panel fieldset li{padding:1px 0; line-height: 18px; }
.right-panel ul.buttons li a{margin-left:9px;}

.ig_Softech_InsuranceItem td { }
.ig_Softech_InsuranceItem td.normal, .right-panel fieldset li.normal { padding-left: 22px; background: transparent url(images/icon_normal.gif) no-repeat 0 1px; }
.ig_Softech_InsuranceItem td.covernote, .right-panel fieldset li.covernote { padding-left: 22px; background: transparent url(images/icon_covernote.gif) no-repeat 0 1px; }
.ig_Softech_InsuranceItem td.suspend, .right-panel fieldset li.suspend { padding-left: 22px; background: transparent url(images/icon_suspend.gif) no-repeat 0 1px; }
.ig_Softech_InsuranceItem td.pending, .right-panel fieldset li.pending { padding-left: 22px; background: transparent url(images/icon_pending.gif) no-repeat 0 1px; }
.ig_Softech_InsuranceItem td.paid, .right-panel fieldset li.paid { padding-left: 22px; background: transparent url(images/icon_paid.gif) no-repeat 0 1px; }
.ig_Softech_InsuranceItem td.pending_paid{ padding-left: 36px; background: transparent url(images/icon_pending_paid.gif) no-repeat 0 1px; }
.ig_Softech_InsuranceItem td.covernote_paid{ padding-left: 36px; background: transparent url(images/icon_covernote_paid.gif) no-repeat 0 1px; }
.ig_Softech_InsuranceItem td.covernote_pending{ padding-left: 36px; background: transparent url(images/icon_covernote_pending.gif) no-repeat 0 1px; }
.ig_Softech_InsuranceItem td.future_cancelation, .right-panel fieldset li.future_cancelation { padding-left: 22px; padding-right:3px;background: transparent url(images/icon_future_cancelation.gif) no-repeat 0 1px; }
tr.neededit, .right-panel fieldset li.neededit { color: #008000; font-weight: bold;}
tr.needprint, .right-panel fieldset li.needprint { color: #ff7500; font-weight: bold;}
.right-panel fieldset li.needprint, .right-panel fieldset li.neededit { margin-left: 22px; list-style-type: upper-alpha; }

.policy-grid table.ig_Softech_InsuranceControl { border-style: solid; border-color: #ffffff #9ca3a9 #9ca3a9; border-width: 2px 1px 1px; }

/**************************************
    Select_policy page
**************************************/
#select_policy{}
#select_policy .content{}
#select_policy .buttons{padding:5px 0; text-align: left;}

#select_policy .scroller table{width: 100%; border:1px}
#select_policy .scroller td{vertical-align:top}
#select_policy .scroller td {width: 100%; padding-left: 18px; vertical-align: top}
#select_policy .scroller td.q {width: 0%; padding-left: 2px}
#select_policy .scroller td img {cursor: pointer}
#select_policy .scroller td a {width: 100%;display:inline-block;color:black}

.NoneSelectable { background-color: #666666;}


/**************************************
	content-placeholder
**************************************/
#content-all
{
	padding: 5px 15px;
}
/**************************************
	notifications
**************************************/
#notifications{ border: solid 1px #ccc; padding: 4px 7px 9px; }
#notifications .label { font-weight: bold; display: block; margin-bottom: 4px; margin-top: 1em; }
#notifications .button_rounded {display: block; margin-top: 0.5em;}
#notifications .button_rounded a{display: inline-block; cursor: pointer;}
#notifications .search {padding:3px;}
#notifications .search input {text-transform: none;}
#notifications .search select {width:100%; height:250px}
#notifications-dest {margin-top: 5px; margin-bottom: 13px;}
#notifications-dest .label { margin-top: 6px; }
#notifications-clients {}
#notifications-clients #clients { display: block; border: solid 1px; padding: 3px; min-height: 1em; max-height: 60px; overflow-x:hidden; overflow-y:auto;}
#notifications-clients #clients span { color: #000; background-color: #fff; margin: 0 3px; display: inline-block; }
#notifications-clients #clients span a { color: #000; background-color: #fff; cursor: pointer; }
#notifications-clients #clients span a:hover { text-decoration: underline;}
#notifications-clients #clients span.on a { color: #fff; background-color: #000; }
#notifications-message textarea {display: block; width: 99%; height: 15em;}

/*Grids Pagina Principal*/
.grid-panel .custom_ig_grid_header_caption{
    height:20px;
    background-color:#85add6;
    color:#000000;
    text-transform:capitalize;
    font-weight:normal;    
	border-top:1px solid #fff;	
}
.grid-panel .ig_grid{
    border:none;
    border-width:0px;
}

/* Reprint.ascx */
#lblClient, #lblPolicyName{font-size:14px; margin-bottom:5px; color:#e68b2c; text-decoration:underline;}
#Div_style1{border:1px solid #9fc2ef; width:43.5%}
#Div_style1 div.buttons{margin-top:-13px; margin-bottom: 7px}

/* Control/ClaimVehicle.aspx */	
td#Cl_buttons div, 
div#Cl_buttons div{ float:left;}
td#Cl_buttons div a,
div#Cl_buttons div a{ margin-left: 2px; margin-right: 2px;}

.long-currency-editor{ width: 86px }
