/* EZCommunicator End User Interface [EUI] Stylesheet
	----------------------------------------------------------
	RELATRIX CORPORATION - Copyright 2007-2010; 
	All Rights Reserved
	----------------------------------------------------------
	You may modify and use this stylesheet with your EZCommunicator Online Contact Center
	Please keep an unmodified version of this stylesheet to reset your site - should you
	encounter any problems.*/


/**********************************************************************************************
*************************** Primary Classes for all the EUI Pages *****************************
***********************************************************************************************/
.titleOp 
{
    border-bottom:1px solid #000;
    height:60px;
    margin-bottom: 10px;
}

.titleOp .title 
{
    width:50%;
    float:left;
    text-align:left;
}

.titleOp .content 
{
    float:right;
    padding-top:18px;    
}

.FloatRight33
{
	float:right;
	width:33%;
}

.FloatLeft33
{
	float:left;
	width:33%;
}

/* Properties for all the page */
.Page_Body
{
	background-color: white;
	font-family: verdana,arial,san serif;
	font-size: 14px;
	font-weight: normal;
}

table
{
	color: #000000;
	font-family: tahoma;
	font-weight: normal;
	font-size: 12px;
}

tr
{
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
}

td
{
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
}

p
{
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
}
/*
a:link
{
	color: blue;
	font-family: tahoma;
	font-weight: normal;
	text-decoration: none;
}

a:active
{
	color: #333333;
	font-family: tahoma;
	font-weight: normal;
	text-decoration: underline;
}

a:hover
{
	color: blue;
	font-family: tahoma;
	font-weight: normal;
	text-decoration: underline;
}

a:hover
{
	color: blue;
	font-family: tahoma;
	font-weight: normal;
	text-decoration: underline;
}
*/
/*select
{
	font-family: tahoma;
	border-right: #666666 1px inset;
	border-top: #000000 1px inset;
	font-size: 12px;
	background-attachment: fixed;
	border-left: #000000 1px inset;
	color: #000000;
	border-bottom: #666666 1px inset;
	background-color: #ffffff;
	width: 100%;
}
*/
/*button
{
	font-family: tahoma;
	font-size: 14px;
	width: 150px;
	border: black 1px;
	background-color: #ffc04a;
}*/

/* Style for the buttons in the login form */
button_d
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#ECE9D8;
}

button:active_d
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#C0C0C0;
}

button:hover_
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#C0C0C0;
}


#comments
{
	background: white none repeat scroll 0 0;
	clear: both;
	padding: 15px;
}

#comments dt
{
	color: #333333;
	font-size: 1.2em;
	padding: 8px 0 0;
}

#content dt
{
	font-weight: bold;
}

#comments h2
{
	margin: 0;
}

#eventDetails
{
	padding: 15px 0px 15px 100px;
	font-family: Arial,Helvetica,Verdana;
	font-size: 12px;
}
.linecontainer
{
	padding: 5px 0px 5px 0px;
}

/* Header of all the pages */
.MainHeading
{
	color: #000000;
    font-family: Trebuchet MS;
	font-size: 18px;
	font-weight: 800;
	text-align: center;
	display:none;
	padding-bottom: -80px;
}


/* container for the navigation menu */
.nav_container
{
	top: 0px;
	width: 100%;
	background: #003F7F;
}



/* Titles text of a page */
.EUI_Page_Title
{
	font-size: 12pt;
	width: 80%;
	color: black;
	font-style: normal;
	font-family: verdana,arial,san serif;
	text-decoration: none;
	font-weight: bold;
	background-color: white;
	padding: 10px,0px,10px,0px;
}

/* Text which is inside a table in the title of a page */
.EUI_Page_Title td
{
	height: 19px;
	color: black;
	font-size: 12pt;
	font-style: normal;
	font-family: verdana,arial,san serif;
	text-decoration: none;
	font-weight: bold;
	background-color: #ffffff;
	border-bottom: 1px solid #CCCCCC;
	padding: 10px,0px,10px,0px;
}

.EUI_Page_Title_No_HR td
{
	height: 19px;
	color: black;
	font-size: 12pt;
	font-style: normal;
	font-family: verdana,arial,san serif;
	text-decoration: none;
	font-weight: bold;
	background-color: #ffffff;
	padding: 10px,0px,10px,0px;
}

.td_signOut_label
{
	text-align: right;
	width: 50%;
	padding: 10px;
}

.link_label
{
	color:Blue;
	text-decoration: underline;	
}

.userType_label
{
	text-align: right;
	width: 50%;
	padding: 10px;
	font-size:14px;
}

/* link wich is inside a table in the title of a page */
.EUI_Page_Title td a
{
	color: black;
	font-size: 9pt;
	font-style: normal;
	font-family: verdana,arial,san serif;
}

/* Description of the page */
.EUI_Page_Description
{
	font-family: tahoma;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	text-align:left;
}

.EUI_Page_Description p
{
	font-family: tahoma;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
  padding-left:10px;
}

/* link inside the description table */
.EUI_Page_Description a
{
	font-size: 14px;
	vertical-align: middle;
	margin-bottom: 10px;
	margin-top: 10px;
}

.Section_Header
{
	background-color: white;
	color: black;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
}

.Sub_Section_Header
{
	font-size: 12px;
	font-family: tahoma;
	color: white;
	font-style: normal;
	font-weight: bold;
	background-color: blue;
}

/* error messages */
.Status
{
	color: #ff0000;
	font-family: Open Sans;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}

.RequiredField
{
	color: red;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
}

.ColumnDesc
{
	text-align: left;
	font-family: tahoma;
	
	font-size: 14px;
	font-weight: bold;
	color: gray;
}

.Question
{
	color: black;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
}

.Answer
{
	color: black;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
}

.Textarea
{
	font-size: 12px;
	font-family: tahoma;
	width: 225px;
}

.ListBox
{
	font-size: 12px;
	font-family: tahoma;
	width: 225px;
}

.EUI_Button
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: tahoma;
	text-decoration: none;
	border-color: black;
	border: 1px 1px 1px 1px;
}

.TextBox
{
	border-right: #666666 1px inset;
	border-top: #000000 1px inset;
	font-size: 12px;
	background-attachment: fixed;
	border-left: #000000 1px inset;
	color: #000000;
	border-bottom: #666666 1px inset;
	font-family: tahoma;
	background-color: #ffffff;
}

A.head:link
{
	color: white;
	font-family: tahoma;
	font-weight: bold;
	text-decoration: none;
}

A.head:hover
{
	color: white;
	font-family: tahoma;
	font-weight: bold;
	text-decoration: underline;
}

A.head:visited
{
	color: white;
	font-family: tahoma;
	font-weight: normal;
	text-decoration: none;
}


.HotTopicsLeft
{
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
	border-left: dimgray 1px solid;
	text-align:left;
}

.newsdate
{
	color: black;
	font-family: tahoma;
	font-size: 12px;
	text-indent: 15px;
}

.show
{
	display: block;
}

.hide
{
	display: none;
}

.Welcome
{
	color: #333399;
	font-family: tahoma;
	font-size: 12pt;
	font-weight: bold;
	line-height: 14pt;
	text-align: left;
	text-decoration: none;
}

.TableHeading
{
	color: #000000;
	font-family: tahoma;
	font-size: 9pt;
	font-weight: bold;
	line-height: 9pt;
	text-align: left;
	text-decoration: none;
}

.NormalText
{
	color: #333399;
	font-family: tahoma;
	font-size: 12px;
}

.TopHead
{
	color: #333399;
	font-family: tahoma;
	font-size: 14px;
}

.Heading
{
	background-color: #006699;
	color: #ffffff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.TopHeading
{
	font-family: tahoma;
	font-size: small;
	font-weight: bold;
}

.SMEHeading
{
	font-family: tahoma;
	font-size: 12pt;
	font-weight: bold;
	background-color: #006699;
	color: #ffffff;
	text-align: center;
}

.text
{
	font-weight: normal;
	font-size: 13px;
	color: #000000;
	font-family: tahoma;
}

.HotTopics
{
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
}

.HotTopicsInactive
{
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
}

.HotTopicsEvent
{
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
}

.HotTopicsEventLeft
{
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-left: dimgray 1px solid;
}

.HotTopicsEventRight
{
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-right: dimgray 1px solid;
}

.HotTopicsRight
{
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
	border-right: dimgray 1px solid;
}

.HotTopicsBoth
{
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
	border-right: dimgray 1px solid;
	border-left: dimgray 1px solid;
}

.HotTopics1Left
{
	background-color: #f5f5f5;
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
	border-left: dimgray 1px solid;
}

.HotTopics1Right
{
	background-color: #f5f5f5;
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
	border-right: dimgray 1px solid;
}

.HotTopics1Both
{
	background-color: #f5f5f5;
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
	border-right: dimgray 1px solid;
	border-left: dimgray 1px solid;
}

.HotTopics1
{
	background-color: #f5f5f5;
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
}

.HotTopics2
{
	background-color: #f5f5f5;
	color: #000000;
	font-family: tahoma;
	font-size: 12px;
	font-weight: normal;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-bottom: dimgray 1px solid;
}

.Navigation
{
	background-color: white;
	color: #ffffff;
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.HowItWorks2
{
	background-color: #006699;
	color: #ffffff;
	font-family: verdana,arial,san serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
}

.Footer
{
	background-color: #006699;
	color: #ffffff;
	font-family: tahoma;
}

.FooterEmail
{
	background-color: #006699;
	color: #ffffff;
	font-family: tahoma;
	font-size: 12px;
	text-align: right;
}

.Menu
{
	background-color: black;
	color: white;
	font-family: tahoma;
}

.view
{
	background-color: gray;
	font-family: verdana,arial,san serif;
	text-align: center;
}

.PoweredBy
{
	font-size: 12px;
	color: black;
	font-family: tahoma;
	text-align: right;
}



/******************************************************
					******************** Rounded Corners ******************
					*******************************************************/



/*  General Properties */

b.r1
{
	margin: 0 5px;
}

b.r2
{
	margin: 0 3px;
}

b.r3
{
	margin: 0 2px;
}

b.rtop b.r4, b.rbottom b.r4
{
	margin: 0 1px;
	height: 2px;
}

b.rtop, b.rbottom
{
	display: block;
	background: #FFFFFF;
}



					/******************************************************
					******************** Navigation Menu ******************
					*******************************************************/


/* Change the links properties */

.euiTopMenu
{
	background: #003F7F;
	width:100%;
}

.euiTopMenu tr td a:link
{
	color: white;
	font-family: Trebuchet MS;
	font-weight: normal;
	text-decoration: none;
	font-size:16px;
	padding-top: -40px;
	background: #003F7F;
}

.euiTopMenu tr td a:visited
{
	color: white;
	font-family: Trebuchet MS;
	font-weight: normal;
	text-decoration: none;
	font-size:16px;
	padding-top: -40px;
	background: #003F7F;
}

.euiTopMenu tr td a:hover
{
	color: white;
	font-family: Trebuchet MS;
	font-weight: normal;
	text-decoration: underline;
	font-size:16px;
	padding-top: -40px;
	background: #003F7F;
}

.euiTopMenu tr td a:active
{
	color: white;
	font-family: Trebuchet MS;
	font-weight: normal;
	text-decoration: underline;
	font-size:16px;
	padding-top: -40px;
	background: #003F7F;
}

.NewNav
{
	height: 30px;
	background-color: #003F7F;
}

.NewNav_sel
{
	height: 30px;
	background-color: #003F7F;
}

.NewNavSeparator
{
	background-color: #003F7F;
}

.NewNavSeparator_sel
{
	background-color: #003F7F;
}

.NewNavLeft_sel
{
	background-color: #003F7F;
	margin-left: -5px;
}

.NewNavRight_sel
{
	background-color:  #003F7F;
}

.NewNavLeft
{
	background-color: #003F7F;
}

.NewNavRight
{
	background-color: #003F7F;
	margin-right: -5px;
}

/**********************************************************************************************
******************************** View calendar[ViewCalendar.aspx] *****************************
***********************************************************************************************/


/* Change the font properties of all the page */
.div_page_container
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: normal;
}

/* Change this properties to define the RSS list */
#div_rss_list_container
{
	width: 29%;
	position: relative;
	float: left;
	top: 20px;
	padding-left: 10px;
}

/* Change this property to align your calendar events */
.div_rss_list, a
{
	vertical-align: top;
}

/* Change the properties of the list of the RSS list */
.div_rss_list, ul
{
	list-style-type: none;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px 0px 0px 0px;
}

/* Change the properties of each item of the RSS list*/
.div_rss_list, li
{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 0px;
}

/* Change the image of the RSS list items*/
.rssitem
{
	background: transparent url(../../../images/rss16.png) no-repeat scroll center center;
	cursor: pointer;
	padding: 12px;
}

/* Change the properties of the RSS list title */
#rss_list_title
{
	font-weight: bold;
}


/*******************************************************
				*************** customize the calendar *****************
				*******************************************************/


/* Change this values to set the calendar position */
#div_calendar_container
{
	width: 69%;
	position: relative;
	float: right;
	top: 20px;
}

/* Change this values to set the filters of the calendar position */
#div_calendar_option_container
{
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}

/* Change this property to set the width of the dropdown menus */
#div_calendar_option_container SELECT
{
	width: 75px;
	vertical-align: middle;
}

/* Specify the width and margin of the radio buttons(Calendar View and List View) in the calendar filters */
.span_calendar_view
{
	float: left;
	width: 30%;
	display: inline;
}

/* Specify the position of the drop down menus(Month and Year) in the calendar filters */
.span_calendar_date
{
	width: 70%;
}

/* Change the back and forward links to change the date */
.lnk_calendar
{
	font-family: tahoma;
	font-size: 14px;
	font-weight: bold;
	width: 5%;
}

.lnk_calendar a
{
	font-size: 10px;
}

/* unvisited link */
.lnk_calendar a:link
{
	color: #FFFFFF;
}

/* visited link */
.lnk_calendar a:visited
{
	color: #FFFFFF;
}

/* mouse over link */
.lnk_calendar a:hover
{
	color: #FFFFFF;
}

/* selected link */
.lnk_calendar a:active
{
	color: #FFFFFF;
}

/* Change this properties to customize the header of the calendar */
.hdr_calendar
{
	background-color: #3D6592;
	color: #FFFFFF;
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.hdr_calendar td
{
	border: 0px;
}

/* Change the properties of the Month and year shown in the header of the calendar */
#td_month
{
	text-align: center;
	font-family: tahoma;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.btn_calendar_go
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: tahoma;
	text-decoration: none;
	border-color: black;
	border: 1px 1px 1px 1px;
	vertical-align: middle;
}

#div_calendar_container_calendarTab
{
	width: 69%;
	position: relative;
	padding-left:20px;
	top: 20px;
}

/********************************************
					*********** big calendar options ************
					*********************************************/


/* Change this properties to customize the calendar width and borders */
.tbl_calendar
{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 100%;
}

.tbl_calendar td
{
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
}

/* Change the properties of the names of each day in the calendar (S M T W T...) */
.td_calendar_day
{
	width: 86px;
	height: 20px;
	text-align: center;
	font-size: 12px;
	padding: 2px;
	vertical-align: top;
}

/* "CELLS PROPERTIES" in the common cells of the calendar(no task days) */
.Calendar_Day
{
	background-color: White;
	width: 86px;
	height: 64px;
	padding: 2px;
	vertical-align: top;
}

/* "FONT PROPERTIES" in the cells there is a link */
.Calendar_Day a
{
	font-family: Tahoma;
	font-size: 12px;
	font-weight: Normal;
	line-height: 20px;
}

/* "CELLS PROPERTIES" in the cells of the actual day */
.Calendar_Today
{
	background-color: #97C2FF;
	padding: 2px;
	vertical-align: top;
}

/* "FONT PROPERTIES" in the cells there is a link */
.Calendar_Today a
{
	font-family: Tahoma;
	font-weight: Normal;
	font-style: Normal;
	font-size: 12px;
	padding-bottom: 1px;
	display:block;
}

/* "CELLS PROPERTIES" that are on the month */
.Calendar_Day_OutOfMonth
{
	background-color: Gray;
}

/********************************************
*********** mini calendar options ***********
*********************************************/


#miniCalendarContainer iframe
{
	height: 200px;
}


/********************************************
					*********** small calendar options **********
					*********************************************/


#div_small_calendar_container
{
	position: relative;
	top: 10px;
	float: left;
}

.tbl_small_calendar
{
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 80%;
}

.tbl_small_calendar td
{
	border-top: 1px solid;
	border-left: 1px solid;
}

#tr_last_row
{
	border-top: 1px solid;
	border-left: 1px solid;
}

/* Change the properties of the names of each day in the calendar (S M T W T...) */
.td_small_calendar_day
{
	width: 32px;
	height: 20px;
	font-family: Tahoma;
	text-align: center;
	font-size: 10px;
	padding: 2px;
}

/* "CELLS PROPERTIES" in the common cells of the calendar(no task days) */
.Small_Calendar_Day
{
	background-color: White;
	width: 32px;
	height: 32px;
	padding: 2px;
	vertical-align: top;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: Normal;
}

/* "FONT PROPERTIES" in the cells there is a link */
.Small_Calendar_Day a
{
	font-weight: Normal;
	padding-bottom: 1px;
}

/* "CELLS PROPERTIES" in the cells of the actual day */
.Small_Calendar_Today
{
	background-color: #97C2FF;
	padding: 2px;
	vertical-align: top;
	font-family: Tahoma;
	font-weight: Normal;
	font-style: Normal;
	font-size: 10px;
}

/* "FONT PROPERTIES" in the cells there is a link */
.Small_Calendar_Today a
{
	font-family: Tahoma;
	font-weight: Normal;
	font-style: Normal;
	font-size: 10px;
	padding-bottom: 1px;
}

/* "CELLS PROPERTIES" that are on the month */
.Small_Calendar_Day_OutOfMonth
{
	background-color: Gray;
}


/********************************************
					************** Today´s Events ***************
					*********************************************/


/* Change the width of the list of events */
.lst_event_container
{
	width: 50%;
	margin-top: 10px;
	position: relative;
	float: left;
	background-color: white;
}

/* Edit the list of events shown below the small calendar */
.Todays_Events
{
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: transparent url(../../../images/main_content.png) repeat scroll left top;
	margin-bottom: 10px;
}

.tbl_todays_events
{
	width: 80%;
}


/*******************************************************
				***************** Event List Properties ****************
				*******************************************************/


.ezc_event
{
	font-size: 15px !important;
	display: inline;
	float: left;
	margin-bottom: 20px;
	padding: 5px 18px;
	text-align: left;
	background: transparent url(../../../images/main_content.png) repeat scroll left top;
	width: 175%;
}

.ezc_event1
{
	font-size: 15px !important;
	display: inline;
	float: left;
	margin-bottom: 20px;
	padding: 5px 18px;
	text-align: left;
	background: transparent url(../../../images/main_content.png) repeat scroll left top;
	width: 100%;
}


.ezc_event_header
{
	padding-bottom: 10px;
	margin-bottom: 10px;
	color: #1C2626 !important;
	text-align: left;
	max-width:300px;
	
}

.ezc_event_header_name
{
	text-decoration: underline !important;
	margin-right: 10px !important;
	font-size: 17px !important;
	margin-left: 3px;
	color: #9E3401 !important;
	text-transform: uppercase;
	font-weight: bold !important;
}

.ezc_event_header_date
{
	font-size: 12px !important;
}

.ezc_event_content
{
	margin-left: 25px;
	text-align: left;
	font-family: comic Sans MS;
	color: #9E3401 !important;
}

.alternate_event
{
	margin-left: 25px;
	text-align: left;
	font-family: comic Sans MS;
	color: #9E3401 !important;
}

.event_date
{
	background: transparent url(../../images/event_box.png) no-repeat scroll left top;
	float: left;
	font-family: helvetica,arial,sans-serif;
	height: 87px;
	margin-right: 5px;
	padding-top: 9px;
	text-align: left;
	text-transform: uppercase;
	width: 79px;
}

.event_month
{
	color: #DED4BC;
	font-size: 16px;
	padding-left: 21px;
}

.event_day
{
	clear: both;
	color: #FFFFFF;
	display: block;
	font-size: 21px;
	margin: 0 auto;
	padding-right: 3px;
	padding-top: 17px;
	text-align: center;
	width: auto;
}


/**********************************************************************************************
*********************************** Welcome Page[default.asp] *********************************
***********************************************************************************************/


/********************************************
						********** Questionnaire Side Box ***********
						********************************************/

/* Rounded Borders in polls table */

#div_rounded_polls
{
	background-color: #3D6592;
}

#div_rounded_polls b.rtop b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #3D6592;
}

#div_rounded_polls b.rbottom b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #ffffcc;
}

/* Rounded Borders in surveys table */

#div_rounded_survey
{
	background-color: #3D6592;
	position: relative;
	width: 80%;
}

#div_rounded_survey b.rtop b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #3D6592;
}

#div_rounded_survey b.rbottom b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #ffffcc;
}

/* Properties of the table for the questionnaire */
.tbl_side_box
{
	background-color: #ffffcc;
	width: 100%;
	padding: 0px;
	font-family: Tahoma;
}

/* Contain of the tables of the left side */
#div_tables_container
{
	float: left;
	width: 60%;
}

/* Properties of the header cell of the questionnaire */
.td_side_box_header
{
	background-color: #3d6592;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

.td_side_box_body
{
	color: #000000;
	background-color: #ffffff;
	font-size: 12px;
	vertical-align: top;
}

.td_side_box_bodyleft
{
	color: #000000;
	background-color: #ffffff;
	font-family: tahoma;
	font-size: 12px;
	vertical-align: top;
}

.td_side_box_text_center
{
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.td_side_box_text_left
{
	font-size: 12px;
	text-align: left;
	padding-left: 5px;
}

.td_side_box_bottom
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}


/***************************************
							******** Top Ten FAQs & Articles *******
							****************************************/


/* Properties of the container div for the list */
.ezc_search_container
{
	width: 65%;
	padding-left: 10px;
	float: left;
	margin-bottom: 20px;
	margin-top: 20px;
}

.div_Top10_title
{
	text-align: center;
}

.div_Top10_title h3
{
	text-align: center;
}

/* Div wich has the textBox of the search */
.ezc_search_box
{
	width: 490px;
}

/* Label of the category´s search */
.ezc_search_label
{
	float: left;
	text-align: left;
	width: 100px;
	margin-bottom: 2px;
}

/* Drop Down menu of the category´s search */
#cboCategory
{
	float: left;
	text-align: left;
	width: 100px;
}

.ezc_search_title_section
{
	width: 65%;
	padding-left: 10px;
	float: left;
}

/* containers div of the search result list */
.ezc_search_results_table
{
	margin-top: 0px;
}

/* links in the list */
.ezc_search_results_table a
{
	font-size: 12px;
}

.ezc_search_results_table .ezc_search_table_container
{
	margin-left: 10px;
	margin-right: 10px;
}

.ezc_search_table_results
{
	font-family: comic Sans MS;
	width: 100%;
	text-align: left;
}

.ezc_search_table_results_item
{
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 3px;
}

.ezc_search_table_results_view
{
	margin-right: 3px;
	display: inline;
	float: right;
}

.ezc_search_table_results_category
{
	margin-left: 15px;
	display: inline;
	vertical-align: middle;
	font-size: 12px !important;
}

.ezc_search_table_results_date
{
	margin-left: 15px;
	display: inline;
	vertical-align: middle;
	font-size: 12px !important;
}

.ezc_search_table_results_name
{
	font-weight: bold;
	font-style: italic;
	display: inline;
}

.ezc_search_table_container
{
	margin-left: 100px;
	margin-right: 100px;
	font-size: 12px !important;
	padding-bottom: 20px;
}

.ezc_search_table_content
{
	margin-left: 25px;
	text-align: left;
	font-family: comic Sans MS;
}


/**********************************************************************************************
******************************* Subscribe Page[quickLogin.asp] ********************************
***********************************************************************************************/


#tbl_login_container
{
	width: 100%;
	border: 0;
	margin-left: auto;
	margin-right: auto;
}

#td_login_content
{
	border: 0px;
	height: 120px;
	margin: 25px 200px;
	width: 540px;
	margin-left: auto;
	margin-right: auto;
}

/* Change the footer where there is a button to submit the user data and the forgot password link */
#td_footer
{
	padding: 0px 0px 0px 0px;
	height: 26px;
	text-align: left;
}


/**********************************************************************************************
****** Register[register.aspx] & Responder[ViewSMEBios.asp] & My Account[myAccount.aspx] ******
***********************************************************************************************/

/*******************************************************
					"Account Information" Table & View Responder Biographies
					********************************************************/


/* Properties of the table */
.Grid
{
	border: 1px solid #505050;
	border-collapse: collapse;
}

/* links in the table */
.Grid a
{
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}

/* inpair rows of the table */
.GridItem
{
	background-color: transparent;
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	height: 21px;
}

.GridItem td
{
	background-color: transparent;
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
}

/* pair rows of the table */
.AlternateGridItem
{
	background-color: #D9D9D9;
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	height: 21px;
}

.AlternateGridItem td
{
	background-color: #D9D9D9;
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 12px;
	border-bottom: dimgray 1px solid;
	font-weight: normal;
}

/* header */
.GridHeader
{
	background-color: #003F7F;
	height: 20px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px solid;
	border-top: solid 1px solid;
	border-left: solid 1px solid;
	border-right: solid 1px solid;
}

.GridHeader td a
{
	color: #ffffff;
}

.GridSectionHeader
{
	background-color: #003F7F;
	height: 20px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px solid;
	border-top: solid 1px solid;
	border-left: solid 1px solid;
	border-right: solid 1px solid;
}

.GridHeader td
{
	border-bottom: 1px solid #505050;
	border-right: 1px solid #505050;
	padding: 1px 1px 1px 1px;
	font-weight: bold;
	color: #FFFFFF;
}

.GridHeader th
{
	border-bottom: 1px solid #505050;
	border-right: 1px solid #505050;
	padding: 1px 1px 1px 1px;
	font-weight: bold;
	color: #222222;
}

.GridSharedItem
{
	background-color: #D9D9D9;
	color: black;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
}

.InnerGrid
{
	border: 1px solid #000000;
	border-collapse: collapse;
	border-width: 1;
}

.InnerGridHeader
{
	background-color: #3d6592;
	color: #222222;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	border-bottom: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
}

.InnerGridHeader td
{
	background-color: #3d6592;
	color: #222222;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	border-bottom: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
}

.InnerGridItem
{
	background-color: #F5F5F5;
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
}

.OpportunityMessage
{
	background-color: #F5F4D5;
	color: black;
	font-family: Trebuchet MS;
	font-size: medium;
	font-weight: normal;
	border: solid 3px green;
}

.OpportunityWarning
{
	background-color: #F8C5C5;
	color: black;
	font-family: Trebuchet MS;
	font-size: small;
	font-weight: normal;
	border: solid 2px red;
}
.mya_ColumnDesc
{
	text-align: right;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	color: gray;
	width: 25%;
}

.mya_school_header
{
	text-align: left;
	width: 70%;
	margin-bottom: 5px;
}

.mya_school_header_title
{
	font-weight: bold;
}

.mya_Grid
{
	border: 1px solid #505050;
	border-collapse: collapse;
	width: 94%;
}

.mya_Grid a
{
	font-weight: bold;
	color: #000000;
	font-size: 12px;
}

.mya_GridItem
{
	background-color: transparent;
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
}

.mya_GridItem td
{
	background-color: transparent;
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
}

.mya_AlternateGridItem
{
	background-color: transparent;
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	height: 30px;
	vertical-align: middle;
}

.mya_AlternateGridItem td
{
	background-color: transparent;
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
}

.mya_GridSectionHeader
{
	background-color: #7b68ee;
	height: 25px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 14px;
	font-weight: normal;
	width: 85%;
	border-bottom: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
}

.mya_GridHeader
{
	background-color: #003F7F;
	height: 25px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
	width: 85%;
	border-bottom: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
}

.mya_GridHeader td
{
	border-bottom: 1px solid #505050;
	border-right: 1px solid #505050;
	padding: 1px 1px 1px 5px;
	font-weight: normal;
	width: 85%;
	color: #FFFFFF;
	text-align: left;
  font-size: medium;
}

.mya_GridHeader th
{
	border-bottom: 1px solid #505050;
	border-right: 1px solid #505050;
	padding: 1px 1px 1px 1px;
	font-weight: normal;
	color: #222222;
}

.mya_GridHeader td a
{
	color: #ffffff;
}

.mya_GridSharedItem
{
	background-color: #D9D9D9;
	color: black;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
}

.mya_InnerGrid
{
	border: 0px solid #000000;
	border-collapse: collapse;
	border-width: 0;
	width: 100%;
}

.mya_InnerGridHeader
{
	background-color: #3d6592;
	color: #222222;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	border-bottom: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
}

.mya_InnerGridItem
{
	background-color: #F5F5F5;
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	border-bottom: dimgray 1px solid;
}

.mya_OpportunityMessage
{
	background-color: #DDDDDD;
	color: #ff0000;
	font-family: Trebuchet MS;
	font-size: small;
	font-weight: normal;
	border: solid 1px dimgray;
}

.mya_OpportunityWarning
{
	background-color: #DDDDDD;
	color: #FF0000;
	font-family: Trebuchet MS;
	font-size: small;
	font-weight: normal;
	border: solid 1px dimgray;
}

.mya_tab_cont
{
	padding-bottom: 15px;
	padding-top: 15px;
}

.mya_dist_title
{
	margin-top: 10px;
	font-weight: bold;
	width: 85%;
}

.mya_dist_groups_title
{
	margin-top: 10px;
}

.mya_dist_questions
{
	width: 100%;
	margin: 0px;
}

.mya_EUI_Button
{
	font-weight: normal;
	font-size: 12px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	text-decoration: none;
	margin-right: 5px;
}

.mya_GridSectionHeader
{
	background-color: #3d6592;
	height: 20px;
	color: #ffffff;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	border-bottom: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-right: dimgray 1px solid;
	padding-left: 5px;
	text-align: left;
}

.mya_TextBox
{
	border-right: #666666 1px inset;
	border-top: #000000 1px inset;
	font-size: 12px;
	background-attachment: fixed;
	border-left: #000000 1px inset;
	color: #000000;
	border-bottom: #666666 1px inset;
	font-family: Trebuchet MS;
	background-color: #ffffff;
}

.mya_save_btn
{
	padding: 5px;
	text-align: right;
	width: 93%;
}

.mya_inputs_boxs
{
	text-align: left;
	padding-left: 30px;
	height: 20px;
}

.myaCheckBoxDontSend
{
	padding-left:5px;	
}

.location .mya_input_select
{
	width: 221px;
}

.state .mya_input_select
{
	width: 75px;
}

.mya_input_select
{
	font-family: Trebuchet MS;
	border-right: #666666 1px inset;
	border-top: #000000 1px inset;
	font-size: 12px;
	background-attachment: fixed;
	border-left: #000000 1px inset;
	color: #000000;
	border-bottom: #666666 1px inset;
	background-color: #ffffff;
}

.mya_msg_pass_error
{
	color: Red;
	visibility: hidden;
	display: inline;
	font-size: 6px;
}

.mya_div_inactivate_account_pop
{
	border-color: red;	
	border-style: solid;
	border-width: 1px;
	background-color: #f6ebcd;
	padding-top: 5px;
	padding-bottom: 5px;
}


/**********************************************************************************************
****************************** Login Form Page[loginform.aspx] ********************************
***********************************************************************************************/

/*div which contains the description of the page*/
#page_description
{
	width: 100%;
	float: left;
}

/* Contain the EUI_Page_Description, the div_login_form and the register div_register_container */
#div_container
{
	float:right;
	height:100%;
	width:35%;
}

#div_container_Text
{
	height:100%;
	width:60%;
}

.div_title_container
{
	float: left;
	position: relative;
	padding: 10px;
	color: Navy;
	font-weight: 900;
}

.div_title_container_blue
{
	float: left;
	position: relative;
	padding: 10px;
	color: Navy;
	font-weight: 900;
}

.div_subtitle_container_blue
{
	float: left;
	position: relative;
	color: #2554C7;
	font-weight: bold;
	padding-top: -160px;
}

.div_subtitle2_container_blue
{
	position: relative;
	color: #2554C7;
	font-weight: bold;
	padding-top: -160px;
}

.div_subtitle3_container_blue
{
	position: relative;
	color: #2554C7;
	font-weight: bold;
}

.div_content_bold_blue_14
{
	color: #4169E1;
	font-family: Trebuchet MS;
	font-size: 14px;
	font-weight: bold;
}

.div_content_normal_blue
{
	color: #4169E1;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
}

.div_content_bold_blue
{
	color: #4169E1;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	white-space:normal;
	
}
/* My account instructions */
#div_myaccountinstructions
{
	margin-top: -40px;
	margin-bottom: -25px;
}
/* Login instructions*/
#div_logininstructions
{
	margin-top: -40px;
}
/* Contain the login form */
.div_login_form
{
	width: 100%;
	vertical-align: top;
	background-color: #83A1C5;
	float: right;
	padding: 10px, 10px, 10px, 10px;
	border:1px #000000 solid;
}

/* Contain the div_username and div_password */
#div_login_textBox
{
	background-color: #83A1C5;
	padding: 10px, 10px, 10px, 10px;
}

/* Style for the username and password labels in the login form */
.login_label_username_password
{
	text-align: right;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
	color: white;
	padding-left: 10px;
}

/* Contains the label and the textbox for the username */
#div_username
{
	margin-top: 40px;
	margin-bottom: 5px;
	height:20px;
}

#span_label_username
{
	text-align:left;
	float:left;
	padding-right:5px;
	width:65px;
}
	
#span_textBox_username
{
	width:60%;
	text-align:left;
	float:left;
}

/* Contains the label and the textbox for the password */
#div_password
{
	margin-bottom: 10px;
	height:20px;
}

#span_label_password
{
	text-align:left;
	float:left;
	padding-right:5px;
	width:65px;
}

#span_textBox_password
{
	width:60%;
	text-align:left;
	float:left;
}


/* Style for the textboxes in the login form */
.login_TextBox
{
	border-right: #666666 1px inset;
	border-top: #000000 1px inset;
	font-size: 12px;
	background-attachment: fixed;
	border-left: #000000 1px inset;
	color: #000000;
	border-bottom: #666666 1px inset;
	font-family: Trebuchet MS;
	background-color: #ffffff;
	width: 125px;
}

/* Contain the button and link to log in into the aplication */
.ezc_quick_containter
{
	text-align: left;
	margin-bottom: 10px;
	padding-left: 10px;
}

/* The "I cannot log in" link */

#_ctl0_ContentPlaceHolder1_lnkCannotLogin
{
	font-family: Trebuchet MS;
	font-style: italic;
	color:White;
}

#_ctl0_ContentPlaceHolder1_lnkCannotLogin:active
{
	font-family: Trebuchet MS;
	font-style: italic;
	color:White;
	background-color:#83A1C5;
	text-decoration:underline;
}

#_ctl0_ContentPlaceHolder1_lnkCannotLogin:visited
{
	font-family: Trebuchet MS;
	font-style: italic;
	color:White;
	background-color:#83A1C5;
	text-decoration:underline;
}

/* Style for the login button*/
#div_login_button
{
}

.btn_login
{
	padding-right: 18px;
	padding-left: 0px;
}

.ezc_quick_Button_login
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#ECE9D8;
}

.ezc_quick_Button_login:active
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.ezc_quick_Button_login:hover
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.div_ezc_quick_Button_login
{
	float: right;
	position: relative;
	right: 0px;
}

/* Style for the sign up button*/
.ezc_quick_Button_signup
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#ECE9D8;
}

.ezc_quick_Button_signup:active
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.ezc_quick_Button_signup:hover
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.div_ezc_quick_Button_signup
{
	float: right;
	position: relative;
	right: 0px;
}

/* New user */
/* Contain the text and the buttons for the new user register */
#div_container_NewUser
{
	width: 100%;
	display: block;
	float: right;
	margin-top: 10px;
	visibility:visible;
	padding: 10px, 10px, 10px, 10px;
}

#div_login_newUser
{
	float: right;
	position: relative;
	right: 0px;
}

/* Contain the new user section */
#row_NewUser
{
	width: 100%;
	height: 40px;
	display: block;
	float: right;
	visibility: visible;
	padding-top:20px;
	padding-left:5px;
	padding-right:5px;
}

/*Style for background */
.div_NewUser
{
	width: 220px;
	vertical-align: top;
	background-color: #99CC66;
	float: right;
	padding: 10px, 10px, 10px, 10px;
	border:1px #000000 solid;
}

.spamNewVol
{
	padding-right: 18px;
	padding-left: 0px;
}

/* Style for the new user label in the login form */
.lblNewUser
{
	color: white;
	font-style: normal;
	font-family: Trebuchet MS;
	font-size: 14px;
}

/* Style for the SignUp new User button*/
.ezc_quick_Button_NewUser
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#ECE9D8;
}

.ezc_quick_Button_NewUser:active
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.ezc_quick_Button_NewUser:hover
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}
.div_ezc_quick_Button_NewUser
{
	float: right;
	position: relative;
	right: 0px;
}

/* EZV REGISTER */
/* Contain the text and the buttons for the new volunteer register */
#div_container_NewVol
{
	width: 100%;
	display: block;
	float: right;
	margin-top: 10px;
	visibility:visible;
	padding: 10px, 10px, 10px, 10px;
}

#row_vol
{
	width: 100%;
	height: 40px;
	display: block;
	float: right;
	visibility: visible;
	padding-top:20px;
	padding-left:5px;
	padding-right:5px;
}
/*Style for background */
.div_NewVolunteer
{
	width: 220px;
	vertical-align: top;
	background-color: #CC3333;
	float: right;
	padding: 10px, 10px, 10px, 10px;
	border:1px #000000 solid;

}

/*Style for text*/
.lblNewVolunteer
{
	color: white;
	font-style: normal;
	font-family: Trebuchet MS;
	font-size: 14px;
}

/* Style for the Volunteer button*/
.ezc_quick_Button_register
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#ECE9D8;
}

.ezc_quick_Button_register:active
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.ezc_quick_Button_register:hover
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.div_ezc_quick_Button_register
{
	float: right;
	position: relative;
	right: 0px;
}


/* EZP REGISTER */
/* Contain the text and the buttons for the new partner register */
#div_container_NewPartner
{
	width: 100%;
	display: block;
	float: right;
	margin-top: 10px;
	visibility:visible;
	padding: 10px, 10px, 10px, 10px;
}

#row_partner
{
	width: 100%;
	height: 40px;
	display: block;
	float: right;
	visibility: visible;
	padding-top:20px;
	padding-left:5px;
	padding-right:5px;
}

#div_ezp_register
{
	width: 100%;
	display: block;
	float: left;
	margin-top: 15px;
	visibility: hidden;
}
/*Style for background */
.div_NewPartner
{
	width: 220px;
	vertical-align: top;
	background-color: #336699;
	float: right;
	padding: 10px, 10px, 10px, 10px;
	border:1px #000000 solid;

}

/*Style for text*/
.lblNewPartner
{
	color: white;
	font-style: normal;
	font-family: Trebuchet MS;
	font-size: 14px;
}

/* Style for the EZP register button*/ 
.ezc_quick_Button_EZPregister
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#ECE9D8;
}

.ezc_quick_Button_EZPregister:active
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.ezc_quick_Button_EZPregister:hover
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.div_ezc_quick_Button_EZPregister
{
	float: right;
	position: relative;
	right: 0px;
}

/* EZP Supporter */
/* Contain the text and the buttons for the new Supporter register */
#div_container_NewSupporter
{
	width: 100%;
	display: block;
	float: right;
	margin-top: 10px;
	visibility:visible;
	padding: 10px, 10px, 10px, 10px;
}

#row_Supporter
{
	width: 100%;
	height: 40px;
	display: block;
	float: right;
	visibility: visible;
	padding-top:20px;
	padding-left:5px;
	padding-right:5px;
}

#div_ezp_Supporter
{
	width: 100%;
	display: block;
	float: left;
	margin-top: 15px;
	visibility: hidden;
}
/*Style for background */
.div_NewSupporter
{
	width: 220px;
	vertical-align: top;
	background-color: #6633FF;
	float: right;
	padding: 10px, 10px, 10px, 10px;
	border:1px #000000 solid;

}

/*Style for text*/
.lblNewSupporter
{
	color: white;
	font-style: normal;
	font-family: Trebuchet MS;
	font-size: 14px;
}

/* Style for the EZP Supporter button*/ 
.ezc_quick_Button_EZPSupporter
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#ECE9D8;
}

.ezc_quick_Button_EZSupporter:active
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.ezc_quick_Button_EZPSupporter:hover
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.div_ezc_quick_Button_EZPSupporter
{
	float: right;
	position: relative;
	right: 0px;
}

/* EZP Educator */
/* Contain the text and the buttons for the new Educator register */
#div_container_NewEducator
{
	width: 100%;
	display: block;
	float: right;
	margin-top: 10px;
	visibility:visible;
	padding: 10px, 10px, 10px, 10px;
}

#row_Educator
{
	width: 100%;
	height: 40px;
	display: block;
	float: right;
	visibility: visible;
	padding-top:20px;
	padding-left:5px;
	padding-right:5px;
}

#div_ezp_Educator
{
	width: 100%;
	display: block;
	float: left;
	margin-top: 15px;
	visibility: hidden;
}
/*Style for background */
.div_NewEducator
{
	width: 220px;
	vertical-align: top;
	background-color: #FF9933;
	float: right;
	padding: 10px, 10px, 10px, 10px;
	border:1px #000000 solid;

}

/*Style for text*/
.lblNewEducator
{
	color: white;
	font-style: normal;
	font-family: Trebuchet MS;
	font-size: 14px;
}

/* Style for the EZP Supporter button*/ 
.ezc_quick_Button_EZPEducator
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#ECE9D8;
}

.ezc_quick_Button_EZEducator:active
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.ezc_quick_Button_EZPEducator:hover
{
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: Trebuchet MS;
	border: 1px #000000 outset;
	background-color:#E0D9BE;
}

.div_ezc_quick_Button_EZPEducator
{
	float: right;
	position: relative;
	right: 0px;
}

/*EZP Agency*/
.ezc_agency_search_button
{
    margin-bottom:3px;
    background-color:#A3A29A;
    vertical-align:middle;
    border:0px;
    height:22px;
}

.ezc_agency_filter_button
{
    /*margin-top:20px;
    margin-left:5px;*/
    background-color:#A3A29A;
    vertical-align:middle;
    border:0px;
    height:22px;
}

/**********************************************************************************************
******* News Archives[newsletterarchive.aspx] & Notices Archives[noticesarchive.aspx] *********
***********************************************************************************************/

.ezc_news
{
	width: 100%;
	margin: 5px;
}

.ezc_link : hover
{
	text-decoration: none;
	margin-top: 100px;
}

.ezc_news_search
{
	text-align: left;
	margin-right: 40px;
	margin-bottom: 15px;
}

.ezc_news_search_TextBox
{
	background-attachment: fixed;
	background-color: #F1F1F1;
	border-style: inset;
	border-width: 2px;
	color: Gray;
	font-family: Tahoma;
	font-size: 12px;
	padding: 2px;
	width: 250px;
}

.ezc_news_search .ezc_news_search_EUI_Button
{
	height: 24px;
}

.ezc_news_search_EUI_Button
{
	vertical-align: middle;
}

.ezc_news_search_title
{
	display: inline;
}

.ezc_news_rss a:hover
{
	color: blue;
	text-decoration: underline;
}

.ezc_news_notice
{
	margin-left: 10px;
	margin-right: 10px;
	font-size: 15px !important;
	padding-bottom: 10px;
	border-bottom: solid 1px #CCCCCC;
}

.ezc_news_notice_header
{
	padding-bottom: 5px;
	margin-bottom: 5px;
	padding-top: 20px;
	font-size: 12px;
}

.ezc_news_notice_header_name
{
	margin-right: 10px !important;
	font-size: 12px !important;
	margin-left: 3px;
}

.ezc_news_notice_header_comments
{
	margin-left: 12px;
}

.ezc_news_notice_header_date
{
	font-size: 12px !important;
}

.ezc_news_notice_content
{
	margin-left: 5px;
	text-align: left;
	font-family: comic Sans MS;
}

.div_search_container
{
	position: relative;
	width: 100%;
}

/* containers div of the filters of search by days */
.div_news_filter_by_day
{
	display: inline;
	position: relative;
	right: 0px;
	top: 10px;
	text-align: left;
}

.div_news_filter_by_day a
{
	vertical-align: middle;
}

/* containers div of the register to rss news link */
.ezc_news_rss
{
	margin-left: 0px;
	margin-bottom: 25px;
	margin-top: 15px;
	position: relative;
	left: 0px;
	width: 45%;
}

.ezc_news_rss_no_margin
{
	position: relative;
	left: 0px;
	
}

/* properties of the link of the rss news */
.ezc_news_rss_text
{
	display: inline;
	vertical-align: super;
	color: blue;
	text-decoration: underline;
}

/**********************************************************************************************
********************************** Survey Page[Take_survey.aspx] ********************************
***********************************************************************************************/
 
P.svy_take_instruction
{
  font-family:Lato !important;
  font-size:16px !important;
}

.svy_take_separator
{
  height: 35px;
  width: 100%;
  font-size:16px;
}

.svy_take_validation
{
  font-weight: bold;
  color: red;
  height: 19px;
  padding-bottom: 15px;
  font-size:16px;
  font-family:Lato;
}

.svy_take_nomore
{
  width: 100%;
  height: 45px;
  text-align: center;
  font-size:16px;
  font-family:Lato;
}

.svy_take_line
{
  border-bottom: 1px solid;
  margin-bottom: 40px;
  font-size:16px;
}

.svy_take_quest_title
{
  background-color: #F6F6F6;
  padding-left: 10px;
  padding-top: 10px;
  font-size:16px;
  padding-bottom: 10px;
  vertical-align: middle;
  font-family:Lato;
}

.svy_take_questions
{
  margin-left: 5px;
  margin-top: 20px;
  margin-bottom: 20px;
  vertical-align: top;
  font-size:16px;
  padding: 4px;
}
.svy_take_questions label{padding-left:5px;font-size:16px;font-family:Lato;}

 .svy_take_questions_radiobutton 
  {
    margin-left: 35px;
    margin-top: 20px;
    margin-bottom: 20px;
    vertical-align: top;
    width:10px !important;
    transform: scale(1.25, 1.25);
    font-size:16px;
   }
 

.svy_take_questions_radiobutton label{ padding-right: 20px;
  float: left;
  text-align: center;
  font-size:16px;
  font-family:Lato;
}


.svy_take_explanation
{
  padding-left: 10px;
  vertical-align: top;
  margin-bottom: 15px;
  font-size:16px;
  font-family:Lato;
}

.svy_take_questions_textbox {
  padding: 4px;
  margin-bottom: 10px;
}

.svy_take_field, .svy_multiselect_list + div.btn-group {
	width: 290px;
}

.svy_take_field_date {
	border: 1px solid #c2cad8 !important;
	padding: 10px !important;
	margin-left: 5px !important;
	background: url('../../images/calendar.png') no-repeat right 5px center !important;
	background-size: 20px 20px !important;
}

.svy_take_field_date input[type=text] {
	font-size: 16px !important;
	font-family: 'Lato';
	width: 100% !important;
	height: 25px !important;
	border-width: 1px;
}

.svy_take_field img {
	height: 27px;
}

.svy_multiselect_list + div.btn-group > .btn:first-child {
	padding: 6px 10px !important;
	width: 98%;
}

.svy_multiselect_list + div.btn-group > ul > li > a {
	padding: 7px !important;
}

.svy_multiselect_list + div.btn-group > ul > li > div.input-group > span.input-group-btn:last-child > .btn {
	padding: 8px 5px 6px 8px !important;
	height: auto !important;
}

.svy_multiselect_list + div.btn-group > ul > li > div.input-group .form-control:focus {
	z-index: 0;
	outline: none !important;
	border-color: #c9c9c9 !important;
	box-shadow: none;
}

@media only screen and (max-width:480px) {
	.svy_take_field {
		width: 98% !important;
	}

	select.svy_take_field {
		width: 98% !important;
	}

	.svy_mobile_txtbox, .svy_mobile_cmt_txtbox {
		width: 94% !important;
	}

	.svy_take_questions_cell {
		width: 100% !important;
	}

	.svy_multiselect_list + div.btn-group {
		width: 100% !important;
	}
}

	/**********************************************************************************************
************************************ FAQs Page[ViewFaqs.asp] **********************************
***********************************************************************************************/
	/* To modify the properties of the categories list go to "ezc_sidebar_comments"
   class on "Primary Classes for EUI Pages" section                          */
	/* To modify the properties of the search result list go to "ezc_search_container"
   class on "Primary Classes for EUI Pages" section                             */
	/**********************************************************************************************
************************************* SignUp[SignUp.aspx] *************************************
***********************************************************************************************/


/* To modify the properties of the Groups table change the properties in 
   the "'Account Information' Table & View Responder Biographies"     */

/**********************************************************************************************
*********************** FAQs Page[ViewFaqs.asp]  & Search Page[Search.asp] ********************
***********************************************************************************************/

/* To modify the properties of the Top Ten Faqs and articles table change the properties in 
   the welcome page section																  */


/* Categories table */
.EZC_sidebar_comments
{
	background-color: #C3D5F3;
}

#div_categories
{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 28%;
}

/* Just for the search page */
#div_categories_search /*NEW*/
{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 28%;
}
/* just for the faq´s page */
#div_categories_faq
{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 28%;
}

/* Divs inside the categories table */
.EZC_sidebar_comments div
{
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

#div_sidebar_comments
{
	float: left;
	width: 30%;
}

/* titles inside the table */
#div_sidebar_comments h3
{
	color: #000000;
	font-family: Times,serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
}

/* links inside the table */
.EZC_sidebar_comments a
{
	font-size: 12px;
}

/* Rounded Borders table for categories */

#div_rounded_categories
{
	background: #C3D5F3;
}

#div_rounded_categories b.rtop b, b.rbottom b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #C3D5F3;
}


/**********************************************************************************************
************************************ My Account[MyAccount.asp] ********************************
***********************************************************************************************/


.shool_table
{
	width: 100%;
}

.adm_text
{
	width: 40%;
	text-align: center;
}

.adm_text_middle
{
	width: 20%;
	text-align: center;
}

.adm_text_header
{
	font-weight: bold;
	margin-top: 5px;
}

.adm_text_list
{
	margin-bottom: 10px;
	width: 250px;
}

.Adm_Button
{
	width: 110px;
	margin-top: 5px;
}


/**********************************************************************************************
******* register page *********
***********************************************************************************************/


.ezc_comment_title
{
	text-align: left;
	margin-bottom: 15px;
	margin-left: 125px;
}

.ezc_comment_title_link
{
	text-decoration: underline;
}

.ezc_quick_section
{
	margin-top: 10px;
	text-align: left;
}

.ezc_comment_title_name
{
	font-family: arial;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
}

.ezc_comment_content
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 10px;
	text-align: left;
}

.ezc_comment_abuse
{
	float: right;
}

.ezc_comment_abuse
{
	float: right;
	font-weight: bold !important;
}

.ezc_comment_signout
{
	float: left;
	font-weight: bold !important;
}

.ezc_postcomment
{
	margin-top: 2px;
	border-top: dotted 1px gray;
}

.ezc_comment_new
{
	position: relative;
	margin-top: 10px;
}

.ezc_comment_box
{
	margin-top: 3px;
	position: relative;
	float: left;
	width: 60%;
	height: 144px;
}

.ezc_comment_captcha
{
	float: right;
	position: relative;
	text-align: right;
}

.ezc_comment_EUI_Button
{
	background-color: #E7E7E7;
	border-style: outset;
	color: #333333;
	font-family: arial;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}


/**********************************************************************************************
********************************** View Answer Details[View.asp] ******************************
***********************************************************************************************/

/* div container */
.ezc_view_response_container
{
	font-size: 15px !important;
	padding-bottom: 20px;
	padding-top: 30px;
}

.ezc_view_response_item
{
	border-bottom: 1px dotted #000000;
	margin-bottom: 15px;
	padding-bottom: 3px;
}

.ezc_view_response_link
{
	display: inline;
	vertical-align: top;
	margin-left: 3px;
	text-decoration: underline !important;
	font-size: 15px !important;
}

.ezc_view_response_date
{
	margin-left: 15px;
	display: inline;
	vertical-align: top;
}

.ezc_view_response_category
{
	margin-left: 15px;
	display: inline;
	vertical-align: top;
}

.ezc_view_reponse_dotted
{
	border-bottom: solid 1px #CCCCCC;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.ezc_view_reponse_solid_line
{
	border-bottom: solid 1px black;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
}

.ezc_view_response_icons
{
	height: 24px;
	vertical-align: bottom;
}



/**********************************************************************************************
********************************** EZPartner Home Page ******************************
***********************************************************************************************/

.offer_description
{
	padding-left: 10px;
	width: 100%;
}

.offer_description_Details
{
	width: 355px;
}

.container
{
	width: 85%;
	clear: both;
}


.container_50
{
	width: 50%;
	clear: both;
}

.super_container
{
	position:relative;
	display:inline;
	margin-left:6px;
	float:left;
	width:600px;
}

.txtOrgBio
{
	width:99%;
	white-space:normal;
	text-align:left;
}

.organizationBiography
{
	width:100%;
	white-space:normal;
	color: #4169E1;
	background-color: #FFFFCC;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
}

.offersOrRequestDetails
{
	width:100%;
	white-space:normal;
	color: #4169E1;
	background-color: #FFFFCC;
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: bold;
}

.partnerDirectoryContainer
{
	width: 85%;
	clear: both;
	margin-top: -30px;
	padding-left: -220px;
}


containerPartners
{
	width: 80%;
}

.textBelowBoxes
{
	margin-left:5px;
	font-size:10px;
	font-style: italic;
}

.listing, .info, .type, .description
{
	float: left;
	text-align: left;
	margin-top: 5px;
	margin-left: 5px;
	overflow: hidden;
	font-size: 11px;
}

.info2
{
    float: left;
	text-align: left;
	margin-top: 5px;
	overflow: hidden;
	font-size: 11px;
}

.listing
{
	width: 14%;
	text-align: left;
}

.listing-auto-size
{
    width: auto !important;    
}

.listing_23
{
	width: 18%;
	text-align: left;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	overflow: hidden;
	font-size: 11px;
}

.listing_3
{
	width: 3%;
	text-align: left;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	overflow: hidden;
	font-size: 11px;
}


.listing_48
{
	width: 48%;
	text-align: left;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	overflow: hidden;
	font-size: 11px;
}

.listing_45
{
	width: 45%;
	text-align: left;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	overflow: hidden;
	font-size: 11px;
}

.requestButtons
{
	float: left;
	margin-left: -60px;
	margin-top: -70px;
}

.offerButtons
{
	float: left;
	margin-left: -120px;
	margin-top: -50px;
}

.orButtons
{
	float:left;	
	margin-left: 282px;
	margin-top: -80px;
}

.contactButton
{
	background: url(../../../images/EZP/contact-btn.png) no-repeat left top;
	display: inline;
	padding-left: 18px;
	margin-left: 10px;
	padding-right: 10px;
}

.ezp_quick_Button
{
	background-color: gray;
	font-weight: normal;
	font-size: 14px;
	color: black;
	font-style: normal;
	font-family: tahoma;
	text-decoration: none;
	border-color: black;
	border: 1px 1px 1px 1px;
}

.ezp_ParnerDirectory_Img
{
	overflow: hidden;
	clear: both;
}

.eventContainer
{
	float: left;
	margin-right: 20px;
}

.asd
{
	margin-left:-5px;	
}

#radioOportunities
{
    width: auto;
}

.right-text
{
	display:inline-table;
	width:83%;
}

#shareit_settings_editoffercategory_right-text
{
    display:inline-table;
    float:right;
    width:78%;
}

#shareit_settings_editoffercategory_buttons
{
    float:right;
    width:auto;
    padding-bottom:5px;
    padding-right:5px;
}

.shareit_settings_editoffercategory_buttons_button
{
    width:auto;
}


.buttonsDiv
{
	width:29%;
	float:right;
}

.imageDiv
{
	width:19%;
	float:left;
}

.buttonsDiv img
{
	margin-top:5px;
}

#div_desc
{
	float:left;
	width:70%;
	vertical-align:middle;
}

#div_partnerDetails
{
	float:right;
	width:80%;
	vertical-align:middle;
}

#div_buttons_container
{
	width:88%;
	display:table;
	position:relative;
	padding-top:10px;
	margin-bottom:10px;
}

/**********************************************************************************************
************************************ EZPartners bubble divs ********************************
***********************************************************************************************/

#div_rounded_bubble
{
	background: #F6EBCD;
	margin-bottom:10px;
	margin-top:10px;
	width:740px;
}

#div_bubble_container
{
	padding-left:10px;
	padding-right:10px;
    text-align: left;
}

#bubble_text_block
{
	width:100%;
	background:#FFFFFF;
	border:solid 1px #EEDCA1;
	margin-top:5px;
	margin-bottom:5px;
	position:relative;
	min-height:20px;
	overflow:hidden;
}

#div_rounded_bubble b.btop b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #F6EBCD;
}

#div_rounded_bubble b.bbottom b
{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #F6EBCD;
}

.dictionaryContainer
{
	margin-top: 4px;
	float: left;
	font-size: small;
	margin-left:30px;
	width:770px;
}

.AgencydictionaryContainer
{
	margin-top: 4px;
	float: left;
	font-size: small;
	width:770px;
}


b.r1
{
	margin: 0 5px;
}

b.r2
{
	margin: 0 3px;
}

b.r3
{
	margin: 0 2px;
}

b.btop b.r4, b.bbottom b.r4
{
	margin: 0 1px;
	height: 1px;
}

b.btop, b.bbottom
{
	display: block;
	background:#FFFFFF;
	 
}
.btncancel {position: absolute; left: 0px; top: 0px;}
.btnnxt {position: absolute; right: 0px; top: 0px;}
.dvalign {width:50%; margin:0 auto; position:relative; height:20px;}

.mya_GridHeader span
{
font-family: tahoma;
font-size: medium;
font-weight: normal;
}

/**********************************************************************************************
************************************ Email password page ********************************
***********************************************************************************************/

.emailpassword-bodybackground{background-color:#ffffff;}

.emailpassword_label {
  font-family: Trebuchet MS;
  font-size: 14px;
  font-weight: normal;
  color: gray;
  text-align: left;
}
.emailpassword_text {
  text-align:left;
  width:250px;
}
.emailpassword_button {
  padding: 4px 15px;
  color: #333333;
  font-family: Verdana;
  font-size: 12px;
}

.clsNameTexbox, .clsEmailTexbox, .datequestiontype {
  margin-top:20px;
  margin-bottom:20px;
}
@media only screen and (min-width:320px ) and (max-width:767px) {
  .GridLines {
    width: 100%;
  }
  .myaccountcaption {
    width: 100%;
    float: left;
    padding: 5px 10px;
    text-align: left;
    min-height: 22px;
  }
}
@media (min-width:768px) {
  .GridLines {
    width: 50%;
  }
  .myaccountpaddingleft {
    padding-left: 15%;
  }
  .myaccountcaption {
    width: 90%;
    float: left;
    /*padding: 5px 10px;*/
    text-align: left;
    min-height: 22px;
  }
}
.myacctxtboxpadding {
  padding: 5px 0px 5px 5px;
}
.myaccountpaddingtop {
  padding-top:15px;
}
.myaccountpaddingbottom {
  padding-bottom:15px;
}