/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body
{
	font-family:Verdana,Arial,sans-serif;
	color: #000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited
{
	color: #999999;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
	color: #999999;
}

.browserWarning
{
	margin-top: 30px;
	padding: 10px;
	background-color: #ffffcc;
	border: solid 1px red;
}

.ReadOnlyTextBox
{
	background-color: #dcdcdc;
	padding: 2px;
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
}

.msgValidator
{
	z-index: 50000;
}

/************** header tag styles **************/

h1
{
	font: bold 140% Arial,sans-serif;
	color: #009933;
	margin: 0px;
	padding: 0px;
}

h2
{
	font: bold 120% Arial,sans-serif;
	margin: 0px;
	color: #009933;
	padding: 0px;
}

h3
{
	font: bold Arial,sans-serif;
	font-size: xx-small;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h4
{
	font: bold 110% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}

h5
{
	font: 100% Arial,sans-serif;
	color: #334d55;
	margin: 0px;
	padding: 0px;
}


/*************** list tag styles ***************/

ul
{
	list-style-type: square;
}

ul ul
{
	list-style-type: disc;
}

ul ul ul
{
	list-style-type: none;
}

/********* form and related tag styles *********/

form
{
	margin: 0;
	padding: 0;
}

label
{
	font: bold 1em Arial,sans-serif;
	color: #334d55;
}

input
{
	font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1
{
	position: absolute;
	top: 200px;
	left: 2%;
	right: 2%;
	background-color: #fff;
}

/*
.tl
{
	position: absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	background-image: url(_img/tl_curve_white.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}

.tr
{
	position: absolute;
	top: -1px;
	right: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	background-image: url(_img/tr_curve_white.gif);
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
}
*/

#masthead
{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width: 95.6%;
}

#pageNav
{
	float: left;
	width: 178px;
	padding: 0px;
	background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;
}

#content
{
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteHead
{
	background-image: url(_img/bg_top.gif);
	background-repeat: repeat-x;
	height: 40px;
}

#siteName
{
	margin-left: 2%;
	padding: 0px 0px 22px 0px;
	color: #FFF;
	background-image: url(_img/CompanyLogo.gif);
	background-repeat: no-repeat;
	text-indent: 90px;
	margin-top: 0px;
	position: absolute;
	width: 242px;
	height: 157px;
	top: 45px;
}

#siteName2
{
	background-image: url(_img/CompanyLogo2.gif);		
	background-position:left;
	background-repeat:no-repeat;
top: 50px;
	position: absolute;
	right: 0px;
	margin-right: 55px;	
	width:118px;
	height:157px;
}

#topLogo
{
	margin-left: 2%;
}

#LogoMini
{
}


/************** utility styles *****************/

#utility
{
	font: 75% Verdana,Arial,sans-serif;
	position: absolute;
	top: 120px;
	right: 125px;
	color: #669933;
	margin-right: 15px;		
	font-style:italic;
}

#utility a
{
	color: #999999;
	font-size: smaller;
	font-style:normal;
}

#utility a:hover
{
	text-decoration: underline;
	color: #999999;
}

/************** pageName styles ****************/

#pageName
{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom: 1px solid #ccd2d2;
	color: #2f4f4f;
}

#pageName h2
{
	font: bold 175% Arial,sans-serif;
	color: #FF6600;
	margin: 0px;
	padding: 0px;
	z-index: 1000;
}

#pageName img
{
	position: absolute;
	top: 0px;
	right: 6px;
	padding: 0px;
	margin: 0px;
}

/************* globalNav styles ****************/

#globalNav
{
	position: relative;
	height: 27px;
	margin-right:250px;
	color: #cccccc;
	padding: 0px;
	top: 105px;
	left: 120px;

}

#globalNav img
{
}

.gnl
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.gnr
{
	position: absolute;
	top: 0px;
	right: 0px;
	background-image: url(_img/tr_curve_white.gif);
	background-repeat: no-repeat;
}

#globalLink
{
	position: absolute;
	top: 2px;
	height: 25px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	left: 10px;
	z-index: 100;
}


a.glink, a.glink:visited
{
	font-family: Verdana,Arial,sans-serif;
	font-size: small;
	color: #999999;
	padding: 0px 5px 1px 5px;
	padding-left:7px;
	background-image: url(_img/menuSep.gif);
	background-repeat: no-repeat;
	background-position:left; 
	
}

a.glink:hover
{
	color: #999999;
	text-decoration: underline;
}

.skipLinks
{
	display: none;
}

/************ subglobalNav styles **************/

.subglobalNav
{
	position: absolute;
	top: 84px;
	left: 0px; /*width: 100%;*/
	min-width: 640px;
	height: 20px;
	padding: 0px 0px 0px 10px;
	visibility: hidden;
	color: #ffffff;
}

.subglobalNav a:link, .subglobalNav a:visited
{
	font-size: 80%;
	color: #ffffff;
}

.subglobalNav a:hover
{
	color: #cccccc;
}

/*************** langSelector styles *****************/

#langSelector
{
	position: absolute;
	top: 3px;
	right: 10px;
	z-index: 101;
}

#langSelector select
{
	font-size: 70%;
	margin: 0px 0px 0px 20px;
}



/************* breadCrumb styles ***************/

#breadCrumb
{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

#breadCrumb a
{
	color: #AAAAAA;
}

#breadCrumb a:hover
{
	color: #005FA9;
	text-decoration: underline;
}

/************** feature styles *****************/

.feature
{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	min-height: 200px;
	height: 200px;
}
html > body .feature
{
	height: auto;
}

.feature h3
{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img
{
	float: left;
	padding: 0px 10px 0px 0px;
}


/*************** story styles ******************/

.story
{
	padding: 10px 0px 0px 10px;
	font-size: 80%;
}

.story h3
{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p
{
	padding: 0px 0px 10px 0px;
}

.story a.capsule
{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display: block;
	padding-bottom: 5px;
}

.story a.capsule:hover
{
	text-decoration: underline;
}

td.storyLeft
{
	padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfo
{
	clear: both;
	border-top: 1px solid #9999ff;
	font-size: small;
	color: #9999cc;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
	background-color: #f5f5f5;
}

#siteInfo img
{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#customSiteInfo
{
}

/************ sectionLinks styles **************/

#sectionLinks
{
	margin: 0px;
	padding: 0px;
}

#sectionLinks h3
{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
}

#sectionLinks a:link, #sectionLinks a:visited
{
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background-image: url(_img/bg_nav.jpg);
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover
{
	border-top: 1px solid #cccccc;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}


/************* relatedLinks styles **************/

.relatedLinks
{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #cccccc;
}

.relatedLinks h3
{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a
{
	display: block;
}


/**************** advert styles *****************/

#advert
{
	padding: 10px;
}

#advert img
{
	display: block;
}

/********************* end **********************/




/****************************************
	Autocomplete ajax extender			
****************************************/
.autocomplete_completionListElement
{
	margin-left: 0px;
	margin-top: 0px;
	background-color: #f0f8ff;
	border: navy 1px solid;
	z-index: 9999;
}

.autocomplete_highlightedListItem
{
	color: #ffffff;
	background-color: Navy;
	cursor: hand;
}

.autocomplete_listItem
{
	background-color: #f0f8ff;
	cursor: hand;
}

/****************************************
	WebMessage
****************************************/
.webMsgCustomStyle
{
}

.webMsgCloseButton
{
	cursor: hand;
	z-index: 9000;
	position: relative;
	top: -10px;
	right: -90%;
}

.webMsgInfoStyle
{
	width: 400px;
	border: solid 1px green;
	background-color: #ccffcc;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	z-index: 9000;
}

.webMsgWarningStyle
{
	width: 500px;
	border: dotted 1px red;
	background-color: #ffff66;
	padding-left: 10px;
	padding-bottom: 3px;
	top: 30px;
	left: 0;
	width: 300px;
	z-index: 200;
}

.webMsgErrorStyle
{
	width: 400px;
	background-color: #ffff00;
	border: red 2px solid;
	padding-left: 10px;
	padding-bottom: 3px;
}


/****************************************
Ocultar campos y otros elemento auxiliares de la aplicación. 
Solo cambiar el estado por cuestiones de mantenimiento del software 
****************************************/
.AuxOculto
{
	display: none;
}

/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.ConfirmationPanel
{
	border: black 1px solid;
	padding: 20px;
	background-color: white;
}

/****************************************
	Ajax Calendar
****************************************/
.CalendarStyle .ajax__calendar_container
{
	border: 1px solid #646464;
	background-color: #fffacd;
	color: #000;
	z-index: 9999;
}
.CalendarStyle .ajax__calendar_other .ajax__calendar_day, .CalendarStyle .ajax__calendar_other .ajax__calendar_year
{
	color: gray;
	background-color: #e9e9e9;
}

.CalendarStyle .ajax__calendar_hover .ajax__calendar_day
{
	color: red;
}
.CalendarStyle .ajax__calendar_hover .ajax__calendar_month, .CalendarStyle .ajax__calendar_hover .ajax__calendar_year
{
	color: black;
	background-color: #fff;
}
.CalendarStyle .ajax__calendar_active .ajax__calendar_day, .CalendarStyle .ajax__calendar_active .ajax__calendar_month, .CalendarStyle .ajax__calendar_active .ajax__calendar_year
{
	color: green;
	font-weight: bold;
}


/****************************************
	Ajax Tabs
****************************************/
.ajax__tab_header /* A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
{
}
.ajax__tab_outer /* An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. */
{
}
.ajax__tab_inner /* An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. */
{
}
.ajax__tab_tab /* An element of the tab that contains the text content. Child CSS classes:none. */
{
}
.ajax__tab_body /* A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. */
{
}
.ajax__tab_hover /* This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
{
}
.ajax__tab_active /* This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */
{
}

/****************************************
	Users
****************************************/
#insertRoles
{
	margin-top: 30px;
	padding: 20px;
	border-top: #ccccff 1px dashed;
}
#insertRoles span
{
	display: block;
	padding-left: 20px;
	padding-bottom: 10px;
	border-bottom: #ccccff 1px dashed;
}
#ctl00_ContentPlaceHolder1_btnCreateUser
{
	margin-left: 100px;
}

#EditUserRoles
{
	position: absolute;
	left: 450px;
	top: 60px;
	width: 180px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	z-index: 0;
}

.ResetPassword
{
	position: absolute;
	left: 450px;
	top: 230px;
	width: 180px;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	z-index: 0;
}

#pie2
{
}