﻿/* First Medical */

/* reset margenes y padding */

html {
	background: #f5f5f5;
	color:#525252;
	font-size:12px;
	font-family:Tahoma;

}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	
}

th, td{
	overflow:hidden !important;
}
img{border: 0px;}
a{color:#525252; text-decoration:none;}
a:hover{color:#2f5180; text-decoration:none;}

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}

.invisible{display:none;}.fl{float:left;}.fr{float:right;}

#header{width:100%;	height:99px;background:transparent url('../images/backHeader.png') repeat-x;float:left; min-width:40% !important;}
#header .logo{float:left;width:240px;height:100px;background:transparent url('../images/logoHeader.png') no-repeat;}
#header .menu{width:50% !important;height:34px;margin-left:30%;margin-top:60px;}
#header .headerTopDerecha{height:30px; float:right; display:block;margin:15px 40px 0px 0px;}
#header .headerTopDerecha input{width:100px;height:19px;display:block; border:0px none; background:transparent url('../images/backInputSenders.png') 0px 0px scroll repeat-x;
color:#525252; font-size:1.1em; padding:5px 0px 0px 10px}

#header .headerTopDerecha .usuario{float:left; width:auto; padding:5px 40px 0px 20px; height:20px; font-size:1em; color:#525252;}

/* copyright */

.copyright{
	width:100%; margin:0px auto 0px auto; font-size:0.8em; color:#b2b2b2; text-align:center
}

#trackingFilesForms .toggle_container{	
	margin: 0px 0px 0px 0px ;
	padding: 2px 0px 0px 0px;
	background: transparent url('../images/backSubHeader.png') repeat-x left bottom;
	width: 100%;
	height:108px;
	float:left;
}
#trackingFilesForms .toggle_container_g{	
	margin: 0px 0px 0px 0px ;
	padding: 0;
	background: transparent url('../images/backSubHeaderGde.png') repeat-x left bottom;
	width: 100%;
	height:160px;
	float:left;
}

#trackingFilesForms .toggle_container td{padding-left:5px;}
#trackingFilesForms .toggle_container_g td{padding-left:5px;}

#trackingFilesForms .trigger{
	width:40px;
	height:25px;
	background:transparent url('../images/btnToggleDown.png') no-repeat center center;
	cursor:pointer;
	float:right;
	margin:-26px 10px 0px 0px;
}

#trackingFilesForms  .trigger.active{background:transparent url('../images/btnToggleUp.png') no-repeat center center;}

#trackingFilesForms h1{ font-weight:normal; font-size:2.3em; text-shadow:1px 1px 0 #FFF; width:auto; padding:0.2em 0.2em 0 0.5em; overflow:hidden; float:left;}
#trackingFilesForms input{border:none; background-color:transparent; color:#525252; font-size:1.2em}

#trackingFilesForms div.inputMed{width:130px;height:24px;display:block; background:transparent url('../images/backInput.png') 0px 0px no-repeat; float:left;}
#trackingFilesForms div.inputMed input{width:92px; padding:5px 3px 0px 5px; height:19px; float:left}

#trackingFilesForms .toggle_container .contInput,
#trackingFilesForms .toggle_container_g .contInput{width:auto; float:left; height:30px; margin:35px 6px 0px 0px;}

#trackingFilesForms .toggle_container .contInputDouble,
#trackingFilesForms .toggle_container_g .contInputDouble{width:auto; float:left; height:30px; margin:10px 6px 0px 0px;}

#trackingFilesForms .toggle_container label,
#trackingFilesForms .toggle_container_g label{float:left; margin:5px 5px 0px 0px;}


/* combo Status List */
div.comboStatusList select{
opacity:0;
filter:alpha(opacity = 0);
moz-opacity:0;
width:161px;
margin-left:-120px;
cursor:pointer;
float:left;
}


div.comboStatusList{font-size:1.2em;color:#525252;padding:4px 4px 0px 4px; float:left}
div.comboStatusList select option{padding:4px 4px 0px 4px;font-size:1em; color:#8686a5; height:24px;border:none;}
div.comboStatusList{ background:transparent url('../images/backSelect.png')  0px 0px no-repeat;cursor:pointer !important; height:25px; width:156px;_background-image:none !important;}
div.comboStatusList select {height:24px; margin-left:0; margin-top:-17px;}
/* fin combo status list */



/* login */

#loginForms{background:transparent url('../images/backFormLogin.png') 0px 0px repeat-x; width:100%; height:270px; float:left;}
#loginForms .contlogin{width:201px; height:255px; margin:0px auto 0px auto;}
#loginForms input, #popupForgot input{border:none; background-color:transparent; color:#525252; font-size:1.2em;padding:3px 3px 0px 3px;}
#loginForms div.inputLogin,#popupForgot div.inputLogin{width:201px;height:24px;display:block; background:transparent url('../images/backInputGde.png') 0px 0px no-repeat; float:left;}
#loginForms label, #popupForgot label{width:201px; color:#525252; font-size:1em; margin:14px 0px 8px 0px;}
#loginForms .contlogin .contCheckbox{width:170px; margin:20px 0px 0px 16px; float:left; display:inline;}
#loginForms .contlogin .contBoton{width:138px;margin:20px 0px 0px 30px; float:left; display:inline;}
#loginForms .contlogin .contForgot{width:125px;margin:20px 0px 0px 37px; float:left; display:inline;}
#loginForms input.checkbox{width:auto; float:left; margin-right:5px; height:14px;}
#loginForms a{background:transparent url('../images/icoForgotPassword.png') left 0px no-repeat; padding-left:24px; cursor:pointer;}

/* forgot password */

#popupForgot{display:none;float:left;position:absolute;z-index:9000;width:230px;height:220px; top:100px;left:36%;padding:25px 20px 0; background:transparent url('../images/backForgot.png') 0px 0px no-repeat;}
#popupForgot a.closePopup{ background:transparent url('../images/icoClose.png') right no-repeat; padding-right:15px; cursor:pointer;position:relative; top:30px; left:190px;}

#popupForgot h2{font-size:1.5em; width:100%; text-align:center}
#popupForgot h2.requerido{color:#9c3d63; font-size:1.1em; text-align:center; width:100%;}
#popupForgot label{margin:14px 0px 8px 14px;}
#popupForgot div.inputLogin{margin:0px 0px 8px 14px;}
#popupForgot div.contBoton{margin:5px 0px 0px 45px;}

/* paginador */
.contPaginador{width:100%; background:transparent url('../images/backPie.png') repeat-x; float:left; height:65px; top:0px; position:relative;}

.contPaginador table{width:auto; margin:20px auto 25px auto;}
.contPaginador table td{padding:0px 5px 0px 5px; width:auto;}
.contPaginador table td.prev{background:transparent url('../images/icoPrev.png') left center no-repeat; padding:0px 20px 0px 18px; font-size:1.1em; color:#6e6e6e; cursor:pointer; width:50px;}

.contPaginador table td.next{background:transparent url('../images/icoNext.png') right center no-repeat; padding:0px 18px 0px 20px; font-size:1.1em; color:#6e6e6e; cursor:pointer; width:30px;}
.contPaginador table td.Off, .contPaginador table td.Off:hover{color:#ccc !important; cursor:default !important; text-decoration:none !important;}
.contPaginador table td.currentNumber{color:#fff; background:transparent url('../images/backCurrentNumber.png') 0px 0px no-repeat;}
.contPaginador table td.pageNumber{color:#6e6e6e; cursor:pointer;}
.contPaginador table td.pageNumber:hover, .contPaginador table td.prev:hover, .contPaginador table td.next:hover{ text-decoration:underline; color:#333}

/* tablas tracking files*/

table.L1{width: 986px; margin-left:auto; margin-right:auto; margin-top:15px;}
table td.cornerLeftL1{width:5px; height:30px; font-size:0.1em; background:transparent url('../images/sombraHeaderL1-cornerLeft.png') 0px 0px no-repeat;}
table td.cornerRightL1{width:5px; height:30px; font-size:0.1em; background:transparent url('../images/sombraHeaderL1-cornerRight.png') 0px 0px no-repeat;}
table td.tituloClaimsL1, table td.tituloAmountL1{width:245px; height:30px; color:#fff; text-transform:uppercase; font-size:1.2em;}
table td.tituloClaimsL1{ background:transparent url('../images/backHeaderClaims.png') 0px 0px no-repeat;}
table td.tituloAmountL1{ background:transparent url('../images/backHeaderAmounts.png') 0px 0px no-repeat;}

table tr.grisL1{width:1000px; background:transparent url('../images/backTrGrisL1.png') 0px 0px no-repeat; height:30px; color:#fff !important; font-size:1.2em; text-transform:capitalize}
table tr.blancoL1{width:1000px; background:transparent url('../images/backTrBlancoL1.png') 0px 0px no-repeat; height:33px; color:#525252 !important;font-size:1.2em; line-height:1em;}
table tr.celesteL1{width:1000px; background:transparent url('../images/backTrCelesteL1.png') 0px 0px no-repeat; height:33px; color:#525252 !important;font-size:1.2em; line-height:1em;}

table td.celdaClaimsL1{background-color:#313131; border-top:1px solid #555555; height:29px !important;}

table td.celdaClaimsBlancoL1{background:transparent url('../images/backCeldaClaimsBlancoL1.png') 0px 0px repeat-x; height:33px; width:73px;}
table td.celdaClaimsCelesteL1{background:transparent url('../images/backCeldaClaimsCelesteL1.png') 0px 0px repeat-x; height:33px;}

table td.tituloL1{overflow:hidden;padding:0px 6px 0px 6px;text-align:left;white-space:nowrap; }
table tr.blancoL1 td, table tr.celesteL1 td{padding-left:6px !important; border-right:1px solid #fff !important}

td img.btnCerrado{width:22px;height:21px; background:transparent url('../images/spriteBtnColapsarDetalles.png') 0px 0px no-repeat; display:block; cursor:pointer; margin-left:10px;}
td img.btnAbierto{width:22px;height:21px; background:transparent url('../images/spriteBtnColapsarDetalles.png') 0px -21px no-repeat; display:block; cursor:pointer; margin-left:10px;}
td img.btnError{width:22px;height:21px; background:transparent url('../images/icoError.png') 0px 0px no-repeat; display:block; cursor:pointer;}

table td.celdaBtnError{font-size:0.8em; padding-left:2px;width:50px; border-right:solid 0px; padding-right:5px;}
table td.celdaDateSubmited{width:100px;}
table td.celdaFileId{width:50px;}

/* acordeones */

#userRegistration, #billingRegistration{float:left; width:100%;}
#userRegistration div.trigger, #billingRegistration div.trigger {height:29px;cursor: pointer;background:transparent url('../images/backHeaderAcordeon.png') repeat-x; width:100%; padding:10px 0px 10px 0px !important; }

#userRegistration div.trigger h2,
#billingRegistration div.trigger h2{font-weight:normal; font-size:2em; text-shadow:1px 1px 0 #FFF; padding:0px 0px 0px 18px !important; background:transparent url('../images/icoHeaderAcordeon.png') left no-repeat; margin:0px auto 0px auto !important;font-weight:normal; font-size:2em; text-shadow:1px 1px 0 #FFF; width:200px;}

#userRegistration div.trigger h3,
#billingRegistration div.trigger h3{font-size:0.9em;font-weight:normal; text-align:center; text-shadow:1px 1px 0 #FFF;}

#billingRegistration div.contenidos h3{
	font-size: 1.4em;
	font-weight: normal;
	text-align: center;
	text-shadow: 1px 1px 0 #FFF;
	padding: 20px 0px 8px 0px;
	border-bottom: 1px solid #e1e3ea;
	
}

#userRegistration div.trigger:hover, #billingRegistration div.trigger:hover {background:transparent url('../images/backHeaderAcordeonOver.png') repeat-x;}
#userRegistration div.contenidos, #billingRegistration div.contenidos{border-bottom:1px solid #c7c9cf;padding:15px 0px 15px 0px;}
#billingRegistration td, #userRegistration td{padding:2px 10px 2px 0px !important;}






/* overlay */

#overlay {position:absolute;z-index:10000;}
#overlay .triggerErrors{width:18px; height:18px; background:transparent url('../images/triggerErrorsActive.png') 0px 0px no-repeat; position:relative; left:360px; cursor:pointer; top:10px !important;}
#overlay .triggerErrors.active{width:18px; height:18px; background:transparent url('../images/triggerErrors.png') 0px 0px no-repeat; position:relative; left:360px; cursor:pointer; top:10px !important;}
#overlay .toggle_container_errors{margin: 10px 10px 0px 10px ;padding: 0;background: transparent url('../images/backSubHeader.png') repeat-x left bottom;width: 728px;height:120px;float:left; padding-top:10px;}
#overlay .contErrorsGrid{margin: 0px 10px 0px 10px; width:710px; height:238px;  float:left; overflow-y:auto !important; padding:10px;}
#overlay .contErrorsGrid.full{height:355px !important;margin: 10px 10px 0px 10px;}

.contOverlay {display:none;	background-image:url('../images/backOverlay.png');width:750px;padding:0px;height:400px;}
.contOverlay div.close {background:transparent url(../images/icoCloseLayer.png) 0px 0px no-repeat;position:absolute; right:15px; top:10px;cursor:pointer;height:16px;width:17px;}


/* overlay grande */

#overlayGde {position:absolute;z-index:10000;}
#overlayGde .triggerErrors{width:18px; height:18px; background:transparent url('../images/triggerErrorsActive.png') 0px 0px no-repeat; position:relative; left:310px; cursor:pointer; top:10px !important;}
#overlayGde .triggerErrors.active{width:18px; height:18px; background:transparent url('../images/triggerErrors.png') 0px 0px no-repeat; position:relative; left:310px; cursor:pointer; top:10px !important;}
#overlayGde .toggle_container_errors{margin: 0px 10px 0px 10px ;padding: 0;background: transparent url('../images/backSubHeader.png') repeat-x left bottom;width: 630px;height:110px;float:left;}
#overlayGde .contGrid{margin: 0px 10px 0px 10px; width:852px; height:380px;  float:left; overflow-y:auto !important; padding:10px 0px 10px 0px;}
#overlayGde .contGrid span{padding-left:8px;}
#overlayGde #claimsDetails td{border-bottom:1px solid #cfcfcf;border-top:1px solid #fff;}
#overlayGde #claimsDetails table td{border-bottom:none !important;border-top: none !important;}
.noBorderTop{border-top: none !important;}
.noBorderBottom{border-bottom: none !important;}
#overlayGde .contGrid h2{font-size:1.5em; width:100%;text-shadow:1px 1px 0 #FFF; padding-left:10px;}
.contOverlayGde {display:none;	background-image:url('../images/backOverlayGde.png');width:870px;padding:0px;height:400px;}
.contOverlayGde div.close {background:transparent url(../images/icoCloseLayer.png) 0px 0px no-repeat;position:absolute; right:15px; top:15px;cursor:pointer;height:16px;width:17px;}


/* charged totals */
.chargedTotalsGrid{width: 500px; margin:10px auto 10px auto;}
#chargedTotals .top{height:40px; background-image:url('../images/backChargedTotalsTop.png');}
#chargedTotals .left{width:250px; height:30px; background-image:url('../images/backChargedTotalsLeft.png');}
#chargedTotals .right{width:250px; height:30px; background-image:url('../images/backChargedTotalsRight.png');}

#chargedTotals .top h2{font-size:1.5em; color:#fff; text-align:center; width:100%; height:30px; padding-top:10px;text-shadow:-1px -1px 0 #000; font-weight:normal;}
#chargedTotals .left h2, #chargedTotals .right h2{font-size:1.2em; color:#fff; text-align:center; width:100%; height:27px; padding-top:3px;text-shadow:-1px -1px 0 #000; font-weight:normal;}

#chargedTotals #providerAjustmentDetail .left,
#chargedTotals #providerAjustmentDetail .mid,
#chargedTotals #providerAjustmentDetail .right{ background:url('../images/backProviderAdjustmentDetail.png') repeat-x; color:#fff; text-align:center; height:20px; padding:0px 5px 0px 5px !important; width:auto;text-shadow:-1px -1px 0 #6985a7; }
#chargedTotals #providerAjustmentDetail td {background-color:#d8dfe8 !important; height:22px; padding-left:4px; white-space:nowrap;}
#chargedTotals #paidTotal td{height:25px; text-align:right; padding-right:5px;}
#chargedTotals #paidTotal td.values{width:94px; height:25px; background-image:url('../images/backValues.png'); color:#fff; font-size:1.3em; text-align:center; padding:0px 3px 0px 3px;text-shadow:-1px -1px 0 #000;}


/* agregados */
.toggle_container h2{height:30px;font-size:20px; text-align:center !important; padding:5px 0px 0px 10px;}
.toggle_container h5{height:25px;font-size:16px; font-weight:normal; background-color:#f8f8f8; text-align:left !important; padding:5px 0px 0px 10px; border-top:1px solid #cccccc !important;}
.toggle_container span{ padding:0px 5px 0px 10px;}
