/* CSS Document */

/*Text h*/

body
{
	margin: 0px auto;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #000000;
	font-weight: normal;
}

.bold
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000000;
	font-weight: bold;
}

h1
{
	font-size: 14pt;
	color: #f79333;
	font-family: verdana;
	text-align: -moz-left; /*FF*/ #text-align:left;

}
h2
{
	font-size: 14px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
}

h3
{
	font-size: 8pt;
	color: #0084a8;
	font-family: verdana;
	font-weight: lighter;
	text-align: -moz-left; /*FF*/ #text-align:left;
}

h4
{
	font-size: 8pt;
	color: #f79333;
	font-family: verdana;
}

h5
{
	font-size: 8pt;
	color: #FF0000;
	font-family: verdana;
}

h6
{
	font-size: 8pt;
	color: #FFFFFF;
	font-family: verdana;
}

/*The Style used to the step basic information */
.basicInfo
{
	border: thin solid #FFFF99;
	background-color: #FFFF99;
	/*left: 2px;*/
	/*padding-left: 10px;*/
	
	/*color: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;*/
	/*float: left;*/
	text-align: left;
	/*margin-left: 20px;*/
}

.step2
{
	border: thin solid #33CCFF;
	background-color: #A6E9FF;
	width:240px;
	/*left: 2px;
	padding-left: 10px;*/
}

.step3
{
	border: thin solid #66FF33;
	background-color: #D5FFC6;
	/*left: 2px;
	padding-left: 10px;*/
}
#confirmation
{
	font-size: 12pt;
	color: #FFFF00;
	font-weight: bold;
	font-family: verdana;
}

.red
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF9900;
	font-weight: bold;
}

.title
{
	font-size: 17pt;
	color: #ffffff;
	font-family: verdana;
	padding: 10px;
}

.textSpecial
{
	font-size: 8pt;
	color: #0084a8;
	font-family: verdana;
	font-weight: lighter;
	vertical-align: top;
}

.textOblique
{
	font-family: "Times New Roman" , Times, serif;
	font-size: 15px;
	font-style: italic;
	font-weight: lighter;
	color: #999999;
	padding: 20px;
}

.TextSmall
{
	font-size: 8pt;
	color: #999999;
	font-family: verdana;
	text-decoration: underline;
}


.grayBox
{
	margin: 5px 5px 5px 10px;
	height: auto;
	text-align: center;
	background-color: #FAFAFB;
	color: #0095D2;
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	text-align: left;
	border: 1px solid #CCCCCC;
	float: left;
	padding-bottom: 15px;
}

.obligFields
{
	padding: 5px;
	margin: 5px 5px 5px 10px;
	background-color: #E1F0FF;
	color: #000000;
	font-size: 8pt;
	text-align: center;
	border: 1px;
	border-color: #0066CC;
	border-style: solid;
}

.obligFields
{
	padding: 5px;
	margin: 5px 5px 5px 10px;
	background-color: #E1F0FF;
	color: #000000;
	font-size: 8pt;
	text-align: center;
	border: 1px;
	border-color: #0066CC;
	border-style: solid;
}

.onboardingInstructions
{
	background-color: #E1F0FF;
	color: #000000;
	font-size: 8pt;
	text-align: justify;
	border: 1px;
	border-color: #0066CC;
	border-style: solid;
}
.infoTable
{
	background-color: #F8F8FF;
	color: #000000;
	font-size: 8pt;
	text-align: justify;
	border: 1px;
	border-color: #cccccc;
	border-style: solid;
}

/*////////////////////////////////////////////////*/

/* ESTILO GENERAL DE LA APLICACIÓN */
a
{
	color: #0095D2;
	font-family: Verdana;
	text-decoration: underline;
	font-size: 8pt;
	font-weight: normal;
}

a:hover
{
	color: #0095D2;
	font-family: Verdana;
	text-decoration: underline;
	font-size: 8pt;
	font-weight: normal;
}

a.menuLat
{
	color: #0095D2;
	font-family: Verdana;
	text-decoration: underline;
	font-size: 10pt;
	font-weight: bold;
}

a.white
{
	font-family: verdana;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
	font-weight: bold;
}

a.red
{
	font-family: verdana;
	font-size: 11px;
	color: #FF0000;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

a.yellow
{
	font-family: verdana;
	font-size: 11px;
	color: #FFFF00;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

a.green
{
	font-family: verdana;
	font-size: 11px;
	color: #00CC00;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

a.blue
{
	font-family: verdana;
	font-size: 11px;
	color: #0095D2;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
}

input
{
	color: black;
	font-size: 10px;
	background-color: #FFFFFF;
}

select
{
	font-size: 8pt;
	color: black;
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	font-family: verdana;
}

img
{
	border: none;
}


#text_index
{
	height: 130px;
	width: 550px;
	position: absolute;
	left: 420px;
	font-family: Futura;
	font-size: 85%;
	color: #f79333;
	top: 6px;
}

#logo
{
	height: 138px;
	width: 100%;
	margin: 0px;
	color: white;
	font-weight: bold;
	background-color: #0084a8;
	background-image: url(../Images/logo-msoc-login.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	position: relative;
	left: 0px;
}

#submit
{
	position: absolute;
	left: 444px;
	top: 145px;
	width: 205px;
}

#submitRecover
{
	position: relative;
	height: 0px;
	z-index: 100;
	top: -35px;
}

#submitLogin
{
	position: relative;
	height: 0px;
	z-index: 100;
	top: 10px;
	text-align: -moz-center; /*FF*/ #text-align:center;/*IE */

}

#recoverFrame
{
	height: 138px;
	width: 100%;
	margin: 0px;
	color: white;
	font-weight: bold;
	background-color: #0084a8;
	background-repeat: no-repeat;
	background-position: center 0px;
	position: absolute;
	left: 0px;
}


#headings
{
	margin-top: 30px;
	width: 700px;
	margin-left: 50px;
}

#shift
{
	width: 70%;
	position: absolute;
	left: 30px;
	top: 150px;
}

.shift
{
	background-color: #ffffff;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color: #f79333;
	height: 90%;
	width: 90%;
	text-align: center;
	padding: 10px;
	border: thin dashed #f79333;
	margin: 8px;
}

.staffInfo
{
	background-color: #ffffff;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color: #f79333;
	height: 320px;
	width: 360px;
	text-align: center;
	padding: 10px;
	border: thin dashed #f79333;
	margin: 8px;
}
.cancelAvailability
{
	background-color: #ffffff;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	color: #f79333;
	height: 130px;
	width: 200px;
	text-align: center;
	padding: 10px;
	border: thin dashed #f79333;
	margin: 8px;
}
/*////////////////////////////////////////////////*/

/* HEADER & FOOTER*/



#header
{
	height: 80px;
	width: 100%;
	color: white;
	font-weight: bold;
	background-repeat: no-repeat;
	background-color: #0095D2;
	background-image: url(../images/header2.jpg);
	background-position: center;
	text-align: -moz-center; /*FF*/ #text-align:center;/*IE */


}

.tableDate
{
	color: #0095D2;
	font-family: verdana;
	font-size: 11px;
	width: auto;
	margin-top: 5px;
	margin-right: 0%;
	margin-left: auto;
	text-align: -moz-center; /*FF*/ #text-align:center;/*IE */
height:auto;
}

.borderLeft
{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0095D2;
}

.borderRight
{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0095D2;
}

.borderBotton
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}
.footer
{
	font-family: verdana;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	padding: 5px;
	margin-top: auto;
	margin-right: auto;
	width: auto;
	text-align: -moz-center; /*FF*/ #text-align:center;/*IE */
}

.tablePrint
{
	background-color: #FFFFFF;
	height: auto;
	border: 1px solid #f79333;
	width: 600px;
	margin: 10px;
}

.footerHome
{
	font-family: verdana;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	margin-top: 40px;
	margin-left: 120px;
	margin-right: auto;
	width: auto;
	text-align: -moz-center; /*FF*/ #text-align:center;/*IE */
}
.footerHomeapp
{
	font-family: verdana;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	padding: 5px;
	margin-top: 40px;
	margin-left: 120px;
	margin-right: auto;
	width: auto;
	text-align: -moz-center; /*FF*/
	text-align: center; /*IE */
}




/* CONTENIDO */

#contentPpal
{
	height: 790px;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#main
{
	margin-left: 315px;
	margin-top: 15px;
	height: auto;
	width: 670px;
}

#menu a
{
	text-decoration: underline;
	font-family: Verdana;
	text-align: left;
	color: #FFFFFF;
	font-size: 12px;
}
/**/
#menu a.yellow
{
	font-family: verdana;
	font-size: 10px;
	color: #FFFF00;
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
}


#menu a.confirmation
{
	/*border: 1px solid #00CC00;*/
	height: auto; /*padding: 5px 10px 10px 10px;*/
	text-align: center;
	color: #00CC00;
	background-color: #FFFFFF;
	width: 250px;
}

#menu a.blue
{
	color: #0095D2;
	font-family: Verdana;
	text-decoration: underline;
	font-size: 8pt;
	font-weight: normal;
}


#menu a.green
{
	color: #00CC00;
	font-family: Verdana;
	text-decoration: underline;
	font-size: 8pt;
	font-weight: normal;
}

#menu a.blue
{
	color: #0095D2;
	font-family: Verdana;
	text-decoration: underline;
	font-size: 8pt;
	font-weight: normal;
}

#menu
{
	height: auto;
	width: 250px;
	margin-left: 59px;
	padding: 0px;
	float: left;
	background-color: #0095D2;
	text-align: -moz-center; /*FF*/ #text-align:center;/*IE */
color:#FFFFFF;
font-weight:bold;
}



#opMenu
{
	height: auto;
	width: 250px;
	padding: 0px;
	float: left;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FFFFFF;
}

#opMenu a:hover
{
	text-decoration: underline;
	font-family: Verdana;
	text-align: left;
	color: #000000;
	font-size: 10px;
}


#opMenu a
{
	color: #0095D2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	font-weight: bold;
}

.fb
{
	width: 240px;
	height: auto;
	text-align: center;
	background-color: #FAFAFB;
	color: #0095D2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	border: 1px solid #CCCCCC;
	float: left;
	text-align: left;
	margin-bottom: 18px;
	padding-bottom: 15px;
}

.opTable
{
	width: 240px;
	height: auto;
	background-color: #FAFAFB;
	color: #0095D2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid #CCCCCC;
	float: left;
	text-align: left;
	margin-bottom: 18px;
	padding-bottom: 15px;
}

.divLogin
{
	width: 420px;
	background-color: #FAFAFB;
	border: 2px solid #0095D2;
	text-align: center;
	position: relative;
	left: 10%;
	margin-top: 10%;
	float: left;
	padding:10px;
	
	
}
.deactiveSection
{
	text-align: center;
	color: #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	float: left;
	text-align: left;
	margin-left: 20px;
}


.menuInvite
{
	background-color: #7DBEFF;
	color: #FFFFFF;
	width: 250px;
	height: 13px;
	margin: 0;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-decoration: underline;
	font-family: Verdana;
	text-align: center; /*background-image: url(../images/invite.gif); 	background-repeat: no-repeat; 	background-position: 35px; 	background-color:#F6921E;*/
}

.menuRecommend
{
	background-color: #0095D2;
	color: #FFFFFF;
	width: 250px;
	height: 13px;
	margin: 0;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px; /*background-image: url(../images/recomend.gif); 	background-repeat: no-repeat; 	background-position: 37px;*/
	text-decoration: underline;
	font-family: Verdana;
	text-align: center;
}

.menuPayment
{
	background-color: #7DBEFF;
	color: #FFFFFF;
	width: 250px;
	height: 13px;
	margin: 0;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px; /*background-color:#F6921E; 	background-image: url(../images/payment.gif); 	background-repeat: no-repeat; 	background-position: 35px;*/
	text-decoration: underline;
	font-family: Verdana;
	text-align: center;
}

.menuForum
{
	background-color: #0095D2;
	color: #FFFFFF;
	width: 250px;
	height: 13px;
	margin: 0;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px; /*background-image: url(../images/forum.gif); 	background-repeat: no-repeat; 	background-position: 35px;*/
	text-decoration: underline;
	font-family: Verdana;
	text-align: center;
}

.menuCalendar
{
	background-color: #7DBEFF;
	color: #FFFFFF;
	width: 250px;
	height: 13px;
	margin: 0;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px; /*background-color:#F6921E; 	background-image: url(../images/calendar.gif); 	background-repeat: no-repeat; 	background-position: 35px;*/
	text-decoration: underline;
	font-family: Verdana;
	text-align: center;
}

.menuPostAva
{
	background-color: #0095D2;
	color: #FFFFFF;
	width: 250px;
	height: 13px;
	margin: 0;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px; /*background-image: url(../images/postavail.gif); 	background-repeat: no-repeat; 	background-position: 35px;*/
	text-decoration: underline;
	font-family: Verdana;
	text-align: center;
}

.menuConfirm
{
	background-color: #7DBEFF;
	color: #FFFFFF;
	width: 250px;
	height: 13px;
	margin: 0;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px; /*background-color:#F6921E; 	background-image: url(../images/confirmshift.gif); 	background-repeat: no-repeat; 	background-position: 35px;*/
	text-decoration: underline;
	font-family: Verdana;
	text-align: center;
}

.menuPref
{
	background-color: #0095D2;
	color: #FFFFFF;
	width: 250px;
	height: 13px;
	margin: 0;
	list-style-type: none;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px; /*background-image: url(../images/preferences.gif); 	background-repeat: no-repeat; 	background-position: 35px;*/
	text-decoration: underline;
	font-family: Verdana;
	text-align: center;
}

.menubottom
{
	color: #FFFFFF;
	width: 250px;
	height: 10px;
	margin: 0;
	list-style-type: none;
	padding-top: 5px;
	background-image: url(../images/menubottom.jpg);
	background-repeat: no-repeat;
}

#search
{
	height: 180px;
	width: 230px;
	margin-top: -280px;
	margin-left: 90px;
	float: left;
}

#mainleft
{
	top: 110px;
	margin: 20px;
	height: 1000px;
	position: absolute;
	width: 450px;
	left: 0px;
}

#mainright
{
	top: 110px;
	margin: 20px;
	height: 1000px;
	position: absolute;
	width: 450px;
	left: 15px;
}



.bodylogin
{
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #f79333;
	border-bottom-color: #f79333;
	height: 138px;
	width: 100%;
	top: 200px;
	background-color: #ffffff;
	position: absolute;
}
/*////////////////////////////////////////////////*/


/* CLASES */

/*MEMBER HOME*/

.tableHome
{
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	text-align: center;
	padding-bottom: 100px;
	width: 620px;
}

.tableMember
{
	background-color: #F5F5F5;
	height: auto;
	border: 1px solid #f79333;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.tabledown
{
	margin-right: auto;
	margin-left: 0px;
	margin-top: auto;
	text-align: center;
	width: 100%;
}


.th_white
{
	font-family: verdana;
	font-size: 11px;
	color: #0084a8;
	text-align: left;
	background-color: #ffffff;
	width: auto;
	height: auto;
	font-weight: normal;
	vertical-align: middle;
	padding: 2px;
}
.th_inactive
{
	font-family: verdana;
	font-size: 11px;
	color: #CCCCCC;
	text-align: left;
	background-color: #ffffff;
	width: auto;
	height: auto;
	font-weight: normal;
	vertical-align: middle;
	padding: 2px;
}
.th_pending
{
	font-family: verdana;
	font-size: 11px;
	color:InactiveCaption;
	text-align: left;
	background-color: #ffffff;
	width: auto;
	height: auto;
	font-weight: normal;
	vertical-align: middle;
	padding: 2px;
}

.sub_table
{
	background-color: #FFFFFF;
	width: 98%;
	height: auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #0084A8;
}

.td_top
{
	vertical-align: top;
}

.th_grey
{
	font-family: verdana;
	font-size: 11px;
	color: #0084a8;
	text-align: left;
	background-color: #f7f7f7;
	width: 20%;
	height: 10px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #0084A8;
}

#boxMemberLeft
{
	margin-right: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	width: 320px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	left: 0px;
	height: auto;
}

#boxMemberRight
{
	margin-right: auto;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
	width: 320px;
	background-color: #ffffff;
	position: relative;
	top: 0px;
	left: 0px;
	height: auto;
}

.tdProfile
{
	background-color: #F9FDFF;
	padding: 10px;
	border: 1px solid #EBEBEB;
}

.Messages
{
	height: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

/*JOIN*/

.tableJoin
{
	background-color: #F5F5F5;
	height: auto;
	border: 1px solid #f79333;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.th_greyJoin
{
	font-family: verdana;
	font-size: 11px;
	color: #0084a8;
	text-align: left;
	background-color: #f7f7f7;
	width: auto;
	height: 10px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #0084A8;
	padding-left: 4px;
}

.bodysignup
{
	height: 100%;
	width: 100%;
	margin-top: 0px;
	background-color: #0092CD;
	background-image: url(../Images/fondo-web.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	left: 0px;
}

#WelcomeJoin
{
	height: 68px;
	width: 100%;
	background-color: #f79333;
	background-image: url(../Images/welcomeJoin.jpg);
	background-position: center 0px;
	background-repeat: no-repeat;
	border-top: #ffffff;
	border-bottom: #ffffff;
	border: solid;
	border-width: 1px;
	margin-top: 10px;
}

/*REQUEST ACTIVATION*/

.sub_tableReq
{
	background-color: #FFFFFF;
	width: 380px;
	height: auto;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	border: 1px solid #0084A8;
}

.tableReq
{
	background-color: #F5F5F5;
	height: auto;
	border: 1px solid #f79333;
	width: 390px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.th_greyReq
{
	font-family: verdana;
	font-size: 11px;
	color: #0084a8;
	text-align: center;
	background-color: #f7f7f7;
	width: 380px;
	height: auto;
	font-weight: normal;
	border: 1px solid #0084A8;
}

.th_whiteReq
{
	font-family: verdana;
	font-size: 11px;
	color: #0084a8;
	text-align: center;
	background-color: #ffffff;
	width: auto;
	height: auto;
	font-weight: normal;
	padding: 2px;
}

/*COMMUNITY COORDINATOR*/

.th_CC
{
	font-family: verdana;
	font-size: 11px;
	color: #0084a8;
	text-align: left;
	width: 50%;
	height: 10px;
	font-weight: normal;
	vertical-align: middle;
	border: 1px solid #0084A8;
	padding-left: 4px;
}

/*FILL PROFILE*/

.tablefill
{
	background-color: #F5F5F5;
	height: auto;
	border: 1px solid #f79333;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/*UNREGISTERED*/

#SignIn
{
	display: block;
	width: 31%;
	float: left;
	margin: 0px;
	position: relative;
	height: 90%;
	padding: 0px;
	clear: left;
	top: 0px;
	left: -60px;
	background-color: #FFffff;
	border: 1px solid #f79333;
}

.Join
{
	background-color: #E4EEF1;
	width: 66%;
	margin-right: auto;
	margin-left: 25%;
	border: 1px solid #f79333;
	padding: 7px;
	background-image: url(../images/fondo-web.jpg);
	background-repeat: no-repeat;
}

.sub_table
{
	background-color: #FFFFFF;
	width: 96%;
	height: auto;
	border: 1px solid #0084A8;
}


#SignUp
{
	text-align: right;
}

.th_orangeR
{
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
	background-color: #FF9900;
	width: 320px;
	height: auto;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 3px; /*	color: #0095D2; 	background-color: #E4EEF1; 	border: 1px solid #0095D2;*/
}





/*TABLES & ICONS*/
.table_legend
{
	background-color: #FFFFFF;
	height: auto;
	width: 100px;
	border: thin solid #0084a8;
}

.table_legend2
{
	background-color: #FFFFFF;
	height: auto;
	width: 120px;
	border: thin solid #0084a8;
}

.table_legend3
{
	background-color: #FFFFFF;
	height: auto;
	width: 120px;
	border: thin solid #0084a8;
}

.table_legend4
{
	background-color: #FFFFFF;
	height: auto;
	width: 120px;
	border: thin solid #0084a8;
}

.th_iconturne1
{
	background-color: #ffffff;
	width: 12px;
	background-image: url(../images/turne1.gif);
	background-repeat: no-repeat;
	height: 12px;
	background-position: center center;
}

.th_iconturne2
{
	background-color: #ffffff;
	width: 12px;
	background-image: url(../images/turne2.gif);
	background-repeat: no-repeat;
	height: 12px;
	background-position: center center;
}

.th_iconturne3
{
	background-color: #ffffff;
	width: 12px;
	background-image: url(../images/turne3.gif);
	background-repeat: no-repeat;
	height: 12px;
	background-position: center center;
}

.th_iconturne4
{
	background-color: #ffffff;
	width: 12px;
	background-image: url(../images/turne4.gif);
	background-repeat: no-repeat;
	height: 12px;
	background-position: center center;
}

.th_iconturne5
{
	background-color: #ffffff;
	width: 12px;
	background-image: url(../images/turne5.gif);
	background-repeat: no-repeat;
	height: 12px;
	background-position: center center;
}

.th_iconfree
{
	background-color: #ffffff;
	width: 21px;
	background-image: url(../images/free.png);
	background-repeat: no-repeat;
	height: 21px;
	background-position: center center;
}

.th_iconempty
{
	background-color: #ffffff;
	width: 21px;
	background-image: url(../images/empty-icon.gif);
	background-repeat: no-repeat;
	height: 21px;
	background-position: center center;
}

.th_iconhalffull
{
	background-color: #ffffff;
	width: 21px;
	background-image: url(../images/half-full.gif);
	background-repeat: no-repeat;
	height: 21px;
	background-position: center center;
}

.th_iconfull
{
	background-color: #ffffff;
	width: 21px;
	background-image: url(../images/full-icon.gif);
	background-repeat: no-repeat;
	height: 21px;
	background-position: center center;
}

.th_legend
{
	background-color: #F5F5F5;
	width: 100px;
	font-size: 11px;
	font-weight: lighter;
}

.th_legend1
{
	background-color: #ffffff;
	width: 20px;
}

.th_legend2
{
	background-color: #F5F5F5;
	width: 20px;
}

.th_legend3
{
	background-color: #FBCA99;
	width: 20px;
}

.th_legend4
{
	background-color: #ffb43d;
	width: 20px;
}

.th_turne1
{
	background-color: #ffe984;
	width: 20px;
}

.th_turne2
{
	background-color: #FFBD35;
	width: 20px;
}

.th_turne3
{
	background-color: #FF8C40;
	width: 20px;
}

.th_turne4
{
	background-color: #E85984;
	width: 20px;
}

.th_turne5
{
	background-color: #7C8EBE;
	width: 20px;
}

.table_lista
{
	background-color: #FFFFFF;
	height: auto;
	width: 230px;
	border: 1px solid #f79333;
}

.th_lista
{
	font-family: verdana;
	font-size: 10px;
	color: #f79333;
	text-align: left;
	background-color: #ffffff;
	width: auto;
	height: auto;
	font-weight: bold;
}

.th_form
{
	font-family: verdana;
	font-size: 13px;
	color: #0084a8;
	text-align: left;
	background-color: #f7f7f7;
	width: auto;
	height: auto;
	font-weight: normal;
	vertical-align: middle;
}

.tr_lista
{
	font-family: verdana;
	font-size: 13px;
	color: #0084a8;
	text-align: center;
	background-color: #FBCA99;
	width: auto;
	height: auto;
	font-weight: bold;
}

.tr_lista_preferences
{
	font-family: verdana;
	font-size: 13px;
	color: #0084a8;
	text-align: center;
	background-color: #F5f5f5;
	width: auto;
	height: auto;
	font-weight: bold;
}

.table
{
	background-color: #FFFFFF;
	height: auto;
	border: 1px solid #f79333;
	width: auto;
	margin: 15px;
}

.table_small
{
	background-color: #FFFFFF;
	height: 140px;
	border: 1px solid #f79333;
	width: 150px;
}

.tr
{
	padding: 5px;
	text-align: center;
	font-size: 8pt;
	color: #ffffff;
	font-family: verdana;
	background-color: #f79333;
	font-weight: bold;
}

.th
{
	font-family: verdana;
	font-size: 8pt;
	color: #0084a8;
	text-align: center;
	background-color: #ffffff;
	width: auto;
	height: auto;
	font-weight: normal;
}

.th_week
{
	font-family: verdana;
	font-size: 8pt;
	color: #0084a8;
	text-align: center;
	background-color: #ffffff;
	width: 100px;
	height: auto;
	font-weight: normal;
}

.th_free
{
	font-family: verdana;
	font-size: 8pt;
	color: #0084a8;
	text-align: center;
	width: auto;
	height: auto;
	font-weight: normal;
	background-color: #ffffff;
}

.th_empty
{
	font-family: verdana;
	font-size: 8pt;
	color: #0084a8;
	text-align: center;
	width: auto;
	height: auto;
	font-weight: normal;
	background-color: #fbf1ce;
}

.th_halffull
{
	font-family: verdana;
	font-size: 8pt;
	color: #0084a8;
	text-align: center;
	background-color: #FBCA99;
	width: auto;
	height: auto;
	font-weight: normal;
}

.th_full
{
	font-family: verdana;
	font-size: 8pt;
	color: #0084a8;
	text-align: center;
	background-color: #f79333;
	width: auto;
	height: auto;
	font-weight: normal;
}

.th_turn1
{
	font-family: verdana;
	font-size: 8pt;
	color: #0084a8;
	text-align: center;
	background-color: #ffe984;
	width: auto;
	height: auto;
	font-weight: normal;
}
.th_turn2
{
	font-family: verdana;
	font-size: 10pt;
	color: #0084a8;
	text-align: center;
	background-color: #FFBD35;
	width: auto;
	height: auto;
	font-weight: normal;
}

.th_turn3
{
	font-family: verdana;
	font-size: 10pt;
	color: #0084a8;
	text-align: center;
	background-color: #FF8C40;
	width: auto;
	height: auto;
	font-weight: normal;
}
.th_turn4
{
	font-family: verdana;
	font-size: 10pt;
	color: #0084a8;
	text-align: center;
	background-color: #E85984;
	width: auto;
	height: auto;
	font-weight: normal;
}

.th_turn5
{
	font-family: verdana;
	font-size: 10pt;
	color: #0084a8;
	text-align: center;
	background-color: #7C8EBE;
	width: auto;
	height: auto;
	font-weight: normal;
}
.tr2
{
	padding: 5px;
	text-align: center;
	font-size: 10pt;
	color: #ffffff;
	font-family: verdana;
	background-color: #f79333;
	font-weight: bold;
}

.td2
{
	font-family: verdana;
	font-size: 12px;
	color: #f79333;
	vertical-align: top;
	text-decoration: underline;
	width: auto;
}

.td2:hover
{
	font-family: verdana;
	font-size: 12px;
	color: #cccccc;
	vertical-align: top;
	text-decoration: underline;
}

.td3
{
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	vertical-align: top;
}

/*////////////////////////////////////////////////*/

/* MENU */

.menu
{
	background-color: #ffffff;
	color: #0084a8;
	border-bottom-style: solid;
	font-family: verdana;
	font-size: 10px;
}
.menu_Hover
{
	background-color: #f79333;
	border-bottom-style: solid;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}



/*////////////////////////////////////////////////*/

/*BUTTONS*/
.buttonSignIn
{
	height: 33px;
	width: 73px;
	font-family: verdana;
	font-size: 8pt;
	padding: 3px;
	font-weight: normal;
	background-repeat: repeat-x;
	background-image: url(../images/sign-in.jpg);
	border: none;
	background-repeat: no-repeat;
}

.buttonSignIn:hover
{
	height: 33px;
	width: 73px;
	font-family: verdana;
	font-size: 8pt;
	padding: 3px;
	font-weight: normal;
	background-repeat: repeat-x;
	background-image: url(../images/sign-in-hover.jpg);
	border: none;
	background-repeat: no-repeat;
}

.buttonSearch
{
	height: 33px;
	width: 75px;
	font-family: verdana;
	font-size: 8pt;
	padding: 3px;
	font-weight: normal;
	background-repeat: repeat-x;
	background-image: url(../images/search.jpg);
	border: none;
	background-repeat: no-repeat;
}

.buttonSearch:hover
{
	height: 33px;
	width: 75px;
	font-family: verdana;
	font-size: 8pt;
	padding: 3px;
	font-weight: normal;
	background-repeat: repeat-x;
	background-image: url(../images/search-hover.jpg);
	border: none;
	background-repeat: no-repeat;
}

.buttonremove
{
	font-family: verdana;
	font-size: 7pt;
	padding: 1px;
	font-weight: normal;
	background-repeat: repeat-x;
	background-image: url(../images/bg-button.jpg);
}

.buttonremove:hover
{
	font-family: verdana;
	font-size: 7pt;
	padding: 1px;
	font-weight: normal;
	background-repeat: repeat-x;
	background-image: url(../images/bg-button-hover.jpg);
}

button
{
	font-family: verdana;
	font-size: 10pt;
	padding: 3px;
	font-weight: normal;
	background-repeat: repeat-x;
	background-image: url(../images/bg-button.jpg);
}
/*////////////////////////////////////////////////*/

/*CALENDARS*/
.calendar
{
	border: 1px solid #f79333;
	margin-top: 10px;
	margin-left: 10px;
	width: 250px;
	height: 250px;
}

.calendartr
{
	background-color: #ffffff;
	font-family: verdana;
	font-size: 12px;
	color: #0084a8;
	text-align: center;
	font-weight: bold;
}

.calendartd
{
	background-color: #ffffff;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	color: #0084a8;
	text-align: center;
}

.calendarweek
{
	background-color: #f79333;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
/*////////////////////////////////////////////////*/

/*CLASES PARA ALINEAR*/

.center
{
	text-align: -moz-center; /*FF*/ #text-align:center;/*IE */
}

.left
{
	text-align: -moz-left; /*FF*/ #text-align:left;/*IE */
}

/*////////////////////////////////////////////////*/

/*ONBOARDING PROCESS STYLE*/

.modalBackground
{
	background-color: #001433;
	filter: alpha(opacity=70);
	opacity: 0.7;
}


.OutsidePanel
{
	background: transparent;
	padding: 0;
	margin: 0;
	color: #000000;
}

.InsidePanel
{
	background: #FFFFFF;
	text-align: center;
}



#mainHome
{
	margin-left: 50px;
	margin-top: 30px;
	height: auto;
	width: 700px;
	text-align: left;
	float: left;
}

.FormatTable
{
	width: 500px;
	text-align: left;
}

.FormatTable4
{
	width: 400px;
	text-align: center;
}

.FormatTitle
{
	font-family: verdana;
	font-size: 14px;
	color: #0084a8;
	text-align: left;
	height: auto;
	font-weight: bold;
	padding: 3px 3px 3px 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0084a8;
}

.FormatSubTitle
{
	font-family: verdana;
	font-size: 11px;
	color: #000000;
	text-align: left;
	height: auto;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f1f1f1;
	background-color: #f1f1f1;
	padding-bottom: 2px;
}
.FormatTextHelp
{
	font-size: 8pt;
	color: #999999;
	font-family: verdana;
	text-align: left;
}

.FormatText
{
	font-size: 10pt;
	color: #000000;
	font-family: verdana;
	text-align: left;
}

.error
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FF0000;
	font-weight: bold;
	text-align: left;
}

input
{
	border-style: groove;
	margin-left: 0px;
}


.validatorsMessage
{
	border-style: none;
	padding: 5px;
	text-align: center;
	color: #333333;
	background-color: #FFFACD;
}

.validatorCalloutHighlight
{
	background-color: #FFFACD;
}

.Save
{
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	background-color: #0095D2;
	width: 100px;
	height: 25px;
}

.moveL
{
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	background-color: #0095D2;
	width: auto;
	height: 25px;
}

.moveR
{
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	background-color: #0095D2;
	width: auto;
	height: 25px;
}


.Cancel
{
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	font-family: Verdana, Arial, Helvetica, sans-serif, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-color: #CCCCCC;
	width: 100px;
	height: 25px;
}

.BorderTop
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #0084a8;
	padding: 10px 3px 3px 3px;
}

.Margin
{
	padding: 5px 10px 5px 10px;
}


.Right
{
	text-align: right;
}

.Left
{
	text-align: left;
}

/*ACCORDION*/

.AccordionHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	height: auto;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/accordion-header.gif);
	background-repeat: repeat-x;
}


.AccordionSize
{
	width: 680px;
}

.titleDiv
{
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
}

.sectionInside
{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cccccc;
	width: 678px;
}


.CommentSize
{
	width: 590px;
	text-align: center;
}
.filebutton
{
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	padding-left: 1px;
	font-size: 11px;
	border-left: #999999 1px solid;
	width: auto;
	color: #000000;
	border-bottom: #999999 1px solid;
	font-family: tahoma, sans-serif;
	background-color: #c3d5e7;
}



.AccordionButton
{
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	background-color: #ff9900;
	width: 100px;
	height: 25px;
}

.comment
{
	font-family: verdana;
	font-size: 10px;
	color: #999999;
	padding-left: 45px;
}


/*--------------------------------------------------*/

/*WINDOWS MESSAGES*/


.buttonGreen
{
	height: 22px;
	width: 75px;
	font-family: arial;
	font-size: 8pt;
	padding: 3px;
	font-weight: bold;
	background-repeat: repeat-x;
	background-image: url(../images/green-button.gif);
	border: 1px groove #009900;
	background-repeat: repeat;
	color: #FFFFFF;
	background-color: #67BB6E;
}
.buttonGreen:hover
{
	height: 22px;
	width: 75px;
	font-family: arial;
	font-size: 8pt;
	padding: 3px;
	font-weight: bold;
	background-repeat: repeat-x;
	background-image: url(../images/green-button-hover.gif);
	border: 1px groove #009900;
	background-repeat: repeat;
	color: #FFFFFF;
	background-color: #67BB6E;
}

.buttonSignIn
{
	background-color: #9BC3E7;
	height: 22px;
	width: 90px;
	font-family: arial;
	font-size: 8pt;
	padding: 3px;
	font-weight: bold;
	background-repeat: repeat-x;
	background-image: url(../images/blue-button.gif);
	background-repeat: repeat;
	border: 1px groove #006584;
	color: #FFFFFF;
}

.buttonSignIn:hover
{
	background-color: #9BC3E7;
	height: 22px;
	width: 90px;
	font-family: arial;
	font-size: 8pt;
	padding: 3px;
	font-weight: bold;
	background-repeat: repeat-x;
	background-image: url(../images/blue-button-hover.gif);
	border: none;
	background-repeat: repeat;
	border: 1px groove #006584;
	color: #FFFFFF;
}


.buttonSignUp
{
	background-color: #FF6600;
	height: 22px;
	width: 90px;
	font-family: arial;
	font-size: 8pt;
	padding: 3px;
	font-weight: bold;
	background-repeat: repeat-x;
	background-image: url(../images/signUp-button.gif);
	background-repeat: repeat;
	border: 1px groove #006584;
	color: #FFFFFF;
}

.buttonSignUp:hover
{
	background-color: #9BC3E7;
	height: 22px;
	width: 90px;
	font-family: arial;
	font-size: 8pt;
	padding: 3px;
	font-weight: bold;
	background-repeat: repeat-x;
	background-image: url(../images/signUp-button-hover.gif);
	border: none;
	background-repeat: repeat;
	border: 1px groove #006584;
	color: #FFFFFF;
}

#error
{
	width: 300px;
	border: 1px solid #FF0000;
	height: auto;
	padding: 5px 10px 10px 10px;
	text-align: center;
	color: #FF0000;
}

.confirmation
{
	border: 3px solid #00CC00;
	height: auto;
	padding: 5px 10px 10px 10px;
	text-align: center;
	color: #00CC00;
	background-color: #FFFFFF;
	width: 250px;
}

.information
{
	width: 250px;
	border: 3px solid #0099FF;
	height: auto;
	text-align: center;
	background-color: #FFFFFF;
	padding: 5px 10px 10px 10px;
	text-align: center;
	color: #0099FF;
}

.RegistrationHeader
{
	font-family: verdana;
	font-size: 14px;
	color: #ffffff;
	background-color: #0084a8;
	height: 40px;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0084a8;
	vertical-align: middle;
}

.RegistrationTable
{
	width: 320px;
	color: #000000;
	text-align: left;
	padding: 6px;
}
.signUPTable
{
	width: 320px;
	color: #000000;
	border-color: #f79333;
	border-style: solid;
	border-width:1px;
	background-color:#FFF9F2;
	text-align: left;
	padding: 6px;
	 margin-left: auto;
	 margin-right: auto;
	
}

.PrevEmpl
{
	width: 400px;
	color: #000000;
	text-align: left;
	padding: 4px;
}

.Accept
{
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	background-color: #00CC00;
	width: 100px;
	height: 25px;
}

.collapsePanel
{
	width: 600px;
	height: 0px;
	background-color: white;
	overflow: hidden;
}

.collapsePanelHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	height: auto;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/collapse-header.gif);
	background-repeat: repeat-x;
}

.Top
{
	vertical-align: top;
}

.thNormal
{
	padding: 3px;
	background-color: #F3F3F3;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

.Text
{
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	padding: 3px;
}

.black
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-align: left;
	height: auto;
	font-weight: bold;
}


.watermark
{
	background: #ffffff0;
	color: #999999;
	font-style: italic;
}

span
{
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}

.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}

/*GRIDS*/

.Grid
{
	width: 600px;
	border: 1px solid #EBEBEB;
}

.GridHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	height: auto;
	font-weight: bold;
	padding: 3px 10px 3px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/accordion-header.gif);
	background-repeat: repeat-x;
}

.GridCell
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000000;
	font-weight: bold;
	height: 20px;
}

.GridCell2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000000;
	font-weight: bold;
	background-color: #F8FCFC;
	height: 20px;
}
.pager
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000000;
	font-weight: bold;
	height: 20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EBEBEB;
}