/* ++++++++ This section below is used for General stuff such as Labels, texts and standard buttons ++++++++ */

/* ++++++++ This is the subsection copied from qdg.css, the old css file that I had to copy in my own css file to that the site works. ++++++++ */

a.qdg:link { color: #000066; text-decoration: none; font: 13px Arial, Helvetica, sans-serif;}
a.qdg:visited { color: #000066; text-decoration: none; font: 13px Arial, Helvetica, sans-serif;}
a.qdg:hover { color: #cc0000; text-decoration: underline; font: 13px Arial, Helvetica, sans-serif;}
a.top:link { font: 13px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; text-transform: capitalize; }

a.top:visited { font: 13px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; font-weight: bold; text-transform: capitalize; }

a.top:hover { font: 13px Arial, Helvetica, sans-serif; color: #FFFF00; text-decoration: underline; font-weight: bold; text-transform: capitalize; }

.footnotes { font-size: 9px; font-weight: normal; color: #dddddd; }

.smalltext { font-size: 11px; font-weight: normal; color: #000000; }

.title { font: 16px Arial, Helvetica, sans-serif; font-weight: bold; text-transform: capitalize; color: #990000; font-style: normal; text-decoration: none; }

select {	border-left: #666666 1px solid;
			border-right: #666666 1px solid;
			border-top: #666666 1px solid;
			border-bottom: #666666 1px solid;
			font-size: 11px;
			color: #ffffff;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #00516b }

BODY, P, TABLE, TR { 
							scrollbar-3dlight-color:595959;
							scrollbar-arrow-color:DEDEDE;
							scrollbar-base-color:CFCFCF;
							scrollbar-darkshadow-color:FFFFFF;
							scrollbar-face-color:416182;
							scrollbar-highlight-color:DEDEDE;
							scrollbar-shadow-color:595959 }



/* +++++++++++ END OF SUBSECTION PREVIOUSLY KNOWN AS QDG.CSS ++++++++++ */

h1.black {
	/* Controls the Black Titles used at the top of some page like the login page for example. */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.9em;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}
h1.darkblue {
	/* Controls the Title used at the top of some page like the Confirm_subs.aspx page for example. */
	font-family: Verdana, Arial, sans-serif;
	color: #191970;
	font-size: 0.8em;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}
.text_bold {
	/* Controls the text in bold that you see on manage???.aspx pages in the help box on the right */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.8em;
	font-weight: bold;
	font-style: normal;
}
.small_text_bold {
	/* Controls the small text in bold that you see on modifyusers.aspx pages right above the form */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.6em;
	font-weight: bold;
	font-style: normal;
}
.label_red {
	/* Controls the error messages color and font on most pages */
	font-family: Verdana, Arial, sans-serif;
	color: red;
	font-size: 0.70em;
	font-style: normal;
	font-weight: normal;
}
.regex_small_red {
	/* Controls the form validating messages used on most forms */
	font-family: Verdana, Arial, sans-serif;
	color: #F98B20;
	font-size: 0.54em;
	font-style: normal;
	font-weight: normal;
}
.label_blue {
	/* Controls the messages appearing when a process is successful */
	font-family: Verdana, Arial, sans-serif;
	color: blue;
	font-size: 0.70em;
	font-style: normal;
	font-weight: normal;
}
.label_yellow {
	/* Controls the messages appearing when a process failed (on a form with a dark blue background */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFF00;
	font-size: 0.70em;
	font-style: normal;
	font-weight: normal;
}
.label_lightblue {
	/* Controls the messages appearing when a process is successful (on a form with a dark blue background */
	font-family: Verdana, Arial, sans-serif;
	color: #ADD8E6;
	font-size: 0.70em;
	font-style: normal;
	font-weight: normal;
}
.label_white {
	/* Controls the look of the white labels displaying IDs on the 'modify something' pages */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.70em;
	font-style: normal;
	font-weight: normal;
}
.disabled_tiny_btn {
	/* Controls the style of the buttons when they are disabled */
	background-color: #C0C0C0;
	width: 40px;
	height: 15px;
	border: outset 1pt;
	border-color: #A9A9A9;
	font-size: 0.54em;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
}
.text_darkblue {
	/* Controls the style of the text used on most pages */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
}
.text_black {
	/* Controls the black text on the Manage??.aspx pages */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
}
.text_small_darkblue {
	/* Controls the style of the small text used on most pages */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: normal;
	font-style: normal;
}
.small_text_black {
	/* Controls the style of the small black text used on some pages */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
}
.medium_text_black {
	/* Controls the style of the medium black text used on the index page */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.7em;
	font-weight: normal;
	font-style: normal;
}
.grid_linkbuttons {
	/* Controls the look of the links in the header of a datagrid or datalist or repeater control used on all Manage???.aspx pages */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.95em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.5px
}
.grid_tinybutton {
	/* Controls the look of the small '+' and '-' buttons in the header of a datagrid or datalist or repeater control used on all Manage???.aspx pages */
	width: 21px;
	height: 18px;
	color: #FFFFFF;
	font-size: 0.9em;
	font-family: Verdana, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	background-color: #CD5C5C;
	border: outset 1pt;
}
.grid_header {
	/* Controls the look of the header cells of a datagrid or datalist or repeater control used on all Manage???.aspx pages */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.70em;
	font-style: normal;
	font-weight: bold;
	background-color: #b22222;
	text-align: center;
}
.grid_item {
	/* Controls the look of the odd number lines(1,3,5,7,...) in the body of a datagrid or datalist or repeater control used on all Manage???.aspx pages */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.60em;
	font-style: normal;
	font-weight: normal;
	background-color: #FAEBD7;
	text-align: center;	
}
.grid_altitem {
	/* Controls the look of the even number lines(2,4,6,8,...) in the body of a datagrid or datalist or repeater control used on all Manage???.aspx pages */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.60em;
	font-style: normal;
	font-weight: normal;
	background-color: #F5DEB3;
	text-align: center;
}
.small_linkbutton {
	/* Controls the look of the Delete/Add/Modify/Email selection  buttons just above the repeater on all the Manage???.aspx pages */
	font-family: Verdana, Arial, sans-serif;
	color: #B22222;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
.small_linkbuttonOver {
	/* Controls the look of the Delete/Add/Modify/Email selection  buttons' rollovers just above the repeater on all the Manage???.aspx pages */
	font-family: Verdana, Arial, sans-serif;
	color: #0000FF;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

/* ++++++++ This section is for links ++++++++ */

.asplink_blue {
	/* Controls the <asp:hyperlink> color and font */
	font-family: Verdana, Arial, sans-serif;
	color: #0000CD;
	font-size: 0.6em;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
}
a.small:link {
	/* Controls the links (in small text) colors and font */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.6em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
a.small:visited {
	/* Controls the links (in small text) colors and font once they've been clicked */
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.6em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
a.small:hover {
	/* Controls the links (in small text) colors and font rollover */
	color: #FFFFFF;
	font-style: italic;
}
a.type1:link {
	/* Those links are a bit bigger than the a.small ones */
	font-family: Verdana, Arial, sans-serif;
	color: #B22222;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
a.type1:visited {
	/* Those links are a bit bigger than the a.small ones */
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #B22222;
}
a.type1:hover {
	/* Those links are a bit bigger than the a.small ones */
	color: #000000;
}


/* -------------------- End of General Stuff section -------------------- */



/* ++++++++ This section below is used ONLY to customize the look of the Login page (login.aspx/userlogin.ascx control) ++++++++ */

table.login {
	/* Controls the table holding the login form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 220px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
.login_form_field {
	/* Controls the username and password fields on the login page */
	width: 90px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.login_btn {
	/* Controls the submit button in the login form and the button used on members/index.aspx when asking if you want to cleanup the database */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.login_btnOver {
	/* Controls the submit button rollover in the login form and the button used on members/index.aspx when asking if you want to cleanup the database */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='login_btnOver'" onmouseout="this.className='login_btn'" */
}
.login_text {
	/* Controls the style of the text used on the login page */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
}
.login_small_text {
	/* Controls the style of the small text used on the login page */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: normal;
	font-style: normal;
}

/* -------------------- End of login.aspx/userlogin.ascx Classes -------------------- */


/* ++++++++ This section below is used ONLY to customize the look of the 'Change Your Password' page (change_pw.aspx/changepw.ascx control) ++++++++ */

table.changepw {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 310px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.changepw_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 260px;
}
.changepw_form_field {
	/* Controls the text fields in the form */
	width: 110px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.changepw_btn {
	/* Controls the submit button of the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.changepw_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='changepw_btnOver'" onmouseout="this.className='changepw_btn'" */
}

/* -------------------- End of change_pw.aspx/changepw.ascx Classes -------------------- */


/* ++++++++ This section below is used ONLY on the DisplayFeatures.aspx/Display_Features.ascx control page ++++++++ */

table.displayfeat {
	/* Controls the table holding the information about the features */
	border: 2pt solid;
	border-color: #074964;
	background-color: #0075A5;
	width: 260px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

/* ------------------ End of DisplayFeatures.aspx/Display_Features.ascx Classes ------------------ */



/* ++++++++ This section below is used ONLY on the DisplayComments.aspx/Display_Comments.ascx control page ++++++++ */

table.displaycomm {
	/* Controls the table holding the comments */
	border: 1pt solid;
	border-color: #000000;	
	width: 400px;
	vertical-align: middle;
	padding: 2px;
	margin: 0px;
}
td.displaycomm {
	/* Controls the look of the cells inside the comments table */
	border: 1pt solid;
	border-color: #000000;
	background-color: #FAEBD7;
}
td.displaycommalt {
	/* Controls the look of the alternating items of the comments table */
	border: 1pt solid;
	border-color: #000000;
	background-color: #F5DEB3;
}
.commrp_header {
	/* Controls the look of the header cells of the repeater control */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.80em;
	font-style: normal;
	font-weight: bold;
	background-color: #b22222;
	text-align: center;
	border: 1pt solid;
	border-color: #000000;
}

/* -------------------- End of DisplayComments.aspx/Display_Comments.ascx Classes -------------------- */



/* ++++++++ This section below is used ONLY on the Manage??.aspx pages ++++++++ */

.manageUI_Panel {
	/* Controls the look of the Top Panel on the Manage??.aspx pages */
	width: 100%;
	background-color: #D9D9D9;
}
.manageUI_form_field {
	/* Controls the look of the Textbox and DropDownList on the page */
	width: 130px;
	height: 20px;
	border: groove 1pt;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 0.54em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.05cm 0cm 0cm 0cm;
}
td.manageUI {
	/* Controls the look of the cells containing link buttons on the manage???.aspx pages */
	text-align: center;
	background-color: #C0C0C0;
	border: solid 1pt;
	border-collapse: collapse;
	border-color: #000000;
	padding: 0cm 0.05cm 0cm 0.05cm;
}
.manageUI_btn {
	/* Controls the look of the buttons on this page */
	background-color: #B22222;
	width: 60px;
	height: 19px;
	border: solid 1pt;
	border-color: #8B0000;
	color: #FFFFFF;
	font-size: 0.60em;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
}
.manageUI_btnOver {
	/* Controls the button rollovers on this page */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 60px;
	height: 19px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.60em;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='manageUI_btnOver'" onmouseout="this.className='manageUI_btn'" */
}
.manageUI_disabled_btn {
	background-color: #C0C0C0;
	width: 60px;
	height: 19px;
	border: outset 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.60em;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
}

/* -------------------- End of Manage???.aspx Classes -------------------- */



/* ++++++++ This section below is used ONLY to customize the look of the 'Modify A User' page (ModifyUsers.aspx/Modify_User.ascx control) ++++++++ */

table.moduser {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 260px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.moduser_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 260px;
}
.moduser_form_field {
	/* Controls the text fields in the form */
	width: 130px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.moduser_linkbutton {
	/* Controls the look of the Next and Previous Links in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
.moduser_linkbuttonOver {
	/* Controls the look of the Next and Previous Links' rollover in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.moduser_disabled_btn {
	/* Controls the look of the button when disabled in the form */
	background-color: #C0C0C0;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.moduser_btn {
	/* Controls the submit button in the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.moduser_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='moduser_btnOver'" onmouseout="this.className='moduser_btn'" */
}


/* -------------------- End of 'Modify A User' Interface (ModifyUsers.aspx/Modify_User.ascx) section -------------------- */



/* ++++++++ This section below is used ONLY to customize the look of the 'Modify A Quiz Player' page (ModifyQuizPlayers.aspx/Modify_QuizPlayers.ascx control) ++++++++ */

table.modQP {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 260px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.modQP_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 260px;
}
.modQP_form_field {
	/* Controls the text fields in the form */
	width: 130px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.modQP_linkbutton {
	/* Controls the look of the Next and Previous Links in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
.modQP_linkbuttonOver {
	/* Controls the look of the Next and Previous Links' rollover in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.modQP_disabled_btn {
	/* Controls the look of the button when disabled in the form */
	background-color: #C0C0C0;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.modQP_btn {
	/* Controls the submit button in the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.modQP_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='modQP_btnOver'" onmouseout="this.className='modQP_btn'" */
}


/* -------------------- End of 'Modify A Quiz Player' Interface (ModifyQuizPlayers.aspx/Modify_QuizPlayers.ascx) section -------------------- */




/* ++++++++ This section below is used ONLY to customize the look of the 'Create a User' page (Createuser.aspx/Create_User.ascx control) ++++++++ */

table.createuser {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 270px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.createuser_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 260px;
}
.createuser_form_field {
	/* Controls the text fields in the form */
	width: 110px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.createuser_btn {
	/* Controls the submit button of the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.createuser_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='createuser_btnOver'" onmouseout="this.className='createuser_btn'" */
}

/* -------------------- End of Createuser.aspx/Create_User.ascx Classes -------------------- */



/* ++++++++ This section below is used ONLY on the /Members/index.aspx||mainmenu.ascx control page ++++++++ */

table.mainmenu {
	/* Controls the look of the backend menu table */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 190px;
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	text-align: center;
}
td.mainmenu_thinborder {
	/* Controls the inner borders of the cells in the main menu table */
	border-bottom: 1pt solid;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
td.header {
	/* Controls the look of the header in the main menu table */
	background-color: #074964;
	font-size: 0.8em;
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;	
}
a.menu_backend:link {
	/* Controls the look of the links in the main menu */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
a.menu_backend:visited {
	/* Controls the look of the visited links in the main menu */
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}
a.menu_backend:hover {
	/* Controls the look of the links' rollover in the main menu */
	color: #FAEBD7;
	font-style: normal;
}


/* -------------------- End of /Members/index.aspx||mainmenu.ascx Classes -------------------- */



/* ++++++++ This section below is used ONLY to customize the look of the 'Forgot My Password' page (forgot_pass.aspx/forgotpw.ascx control) ++++++++ */

table.forgotpw {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 200px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.forgotpw_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 260px;
}
.forgotpw_form_field {
	/* Controls the text fields in the form */
	width: 180px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.forgotpw_btn {
	/* Controls the submit button in the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.forgotpw_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='forgotpw_btnOver'" onmouseout="this.className='forgotpw_btn'" */
}


/* -------------------- End of forgot_pass.aspx/forgotpw.ascx Classes -------------------- */


/* ++++++++ This section below is used ONLY on the Confirm_subs.aspx/modify_mailpref.ascx control page ++++++++ */


table.mailpref {
	/* Controls the general look of the table containing the form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 275px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
.mailpref_form_field {
	/* Controls the look of the text fields in the form */
	width: 200px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.mailpref_btn {
	/* Controls the look of the submit button in the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.mailpref_btnOver {
	/* Controls the look of the submit button rollover */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='mailpref_btnOver'" onmouseout="this.className='mailpref_btn'" */
}

/* -------------------- End of Confirm_subs.aspx/modify_mailpref.ascx Classes -------------------- */



/* ++++++++ This section below is used ONLY to customize the look of the 'Register To The Mailing List' page (Register.aspx/Register_Mailing.ascx control) ++++++++ */

table.registerml {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 310px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.registerml_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 80%;
}
.registerml_form_field {
	/* Controls the text fields in the form */
	width: 180px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.registerml_btn {
	/* Controls the submit button in the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.registerml_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='registerml_btnOver'" onmouseout="this.className='registerml_btn'" */
}
.registerml_text_area {
	/* Controls the look of the large text area in the form */
	width: 180px;
	height: 128px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}


/* -------------------- End of Register.aspx/Register_Mailing.ascx Classes -------------------- */




/* ++++++++ This section below is used ONLY to customize the look of the 'Add or Modify A Quiz' pages (AddQuiz.aspx/Add_ModQuiz.ascx control) ++++++++ */

table.modifyquiz {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 500px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.modifyquiz_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 260px;
}
.modifyquiz_form_field {
	/* Controls the text fields in the form */
	width: 180px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.modquiz_linkbutton {
	/* Controls the look of the Next and Previous links in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
.modquiz_linkbuttonOver {
	/* Controls the look of the Next and Previous links' rollover in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.modifyquiz_btn {
	/* Controls the submit button in the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.modifyquiz_disabled_btn {
	/* Controls the look of the button when disabled in the form */
	background-color: #C0C0C0;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.modifyquiz_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='modifyquiz_btnOver'" onmouseout="this.className='modifyquiz_btn'" */
}
.modifyquiz_text_area {
	/* Controls the look of the large text area in the form */
	width: 180px;
	height: 70px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}


/* -------------------- End of AddQuiz.aspx/Add_ModQuiz.ascx Classes -------------------- */



/* ++++++++ This section below is used ONLY to customize the look of the 'Add or Modify A Feature' pages (AddFeatures.aspx/Add_ModFeatures.ascx control) ++++++++ */

table.modifyFeatures {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 350px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.modifyFeatures_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 260px;
}
.modifyFeatures_form_field {
	/* Controls the text fields in the form */
	width: 180px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.disabled_form_field {
	/* Controls the look of the abbreviation field when disabled */
	width: 180px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #E1E1E1;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.modFeatures_linkbutton {
	/* Controls the look of the Next and Previous links in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
.modFeatures_linkbuttonOver {
	/* Controls the look of the Next and Previous links' rollover in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.modifyFeatures_btn {
	/* Controls the submit button in the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.modifyFeatures_disabled_btn {
	/* Controls the look of the button when disabled in the form */
	background-color: #C0C0C0;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.modifyFeatures_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='modifyFeatures_btnOver'" onmouseout="this.className='modifyFeatures_btn'" */
}


/* -------------------- End of AddFeatures.aspx/Add_ModFeatures.ascx Classes -------------------- */



/* ++++++++ This section below is used ONLY to customize the look of the 'Query Places' page (QueryPlaces.aspx/Query_Places.ascx control) ++++++++ */

.QueryPlaces_text_area {
	/* Controls the look of the larger listboxes in the form */
	width: 160px;	
	color: #000000;
	background-color: #FFFFFF;
	font-size: 0.6em;
	font-family: Verdana, Arial, sans-serif;	
}
.QueryPlaces_small_lb {
	/* Controls the look of the small listbox in the form */
	width: 128px;			
	color: #000000;
	background-color: #FFFFFF;
	font-size: 0.6em;
	font-family: Verdana, Arial, sans-serif;	
}
.QueryPlaces_price_lb {
	/* Controls the look of the price listbox in the form */
	width: 93px;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 0.6em;
	font-family: Verdana, Arial, sans-serif;		
}
.queryplaces_form_field {
	/* Controls the look of the dropdownlist on the page */
	width: 80px;
	height: 20px;
	border: groove 1pt;
	color: #000000;
	background-color: #FFFFFF;
	font-size: 0.54em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.05cm 0cm 0cm 0cm;
}
.queryplaces_Panel {
	/* Controls the look of the Top Panel on the page */
	width: 100%;
	background-color: #ffffff;
}
td.nosideborder {
	/* Removes the left and right borders of the cells that are separating the different restaurants */
	border-left: none;
	border-right: none;
	border-color: #FFFFFF;	
}
.queryplacesrp_header {
	/* Controls the look of the header cell where the name of the restaurant appears */
	background-color: #b22222;
	text-align: left;	
	padding-left: 2px;
	border: solid 1pt;
	border-color: #b22222;	
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.80em;
	font-style: normal;
	font-weight: bold;
}
.queryplaces_blackborder {
	/* Controls the borders of the cells except the header cell */
	padding-left: 2px;
	border: solid 1pt;
	border-color: #000000;
}
a.queryplaces_linkbutton:link {
	/* Controls the look of the links in the repeater control */
	font-family: Verdana, Arial, sans-serif;
	color: #0000FF;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
a.queryplaces_linkbutton:visited {
	/* Controls the look of the links in the repeater control */
	font-family: Verdana, Arial, sans-serif;
	color: #0000FF;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
a.queryplaces_linkbutton:hover {
	/* Controls the look of the links' rollovers in the repeater control */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.7em;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

/* -------------------- End of QueryPlaces.aspx/Query_Places.ascx Classes -------------------- */



/* ++++++++ This section below is used ONLY to customize the look of the 'Add or Modify A Place' pages (AddPlaces.aspx/Add_ModPlaces.ascx control) ++++++++ */

table.modifyPlaces {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 350px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.modifyPlaces_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 260px;
}
.modifyPlaces_form_field {
	/* Controls the text fields in the form */
	width: 180px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.modPlaces_linkbutton {
	/* Controls the look of the Next and Previous links in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
.modPlaces_linkbuttonOver {
	/* Controls the look of the Next and Previous links' rollover in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.modifyPlaces_btn {
	/* Controls the submit button in the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.modifyPlaces_disabled_btn {
	/* Controls the look of the button when disabled in the form */
	background-color: #C0C0C0;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.modifyPlaces_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='modifyPlaces_btnOver'" onmouseout="this.className='modifyPlaces_btn'" */
}
.modifyPlaces_text_area {
	/* Controls the look of the large text area and the listbox in the form */
	width: 180px;
	height: 70px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}


/* -------------------- End of AddPlaces.aspx/Add_ModPlaces.ascx Classes -------------------- */



/* ++++++++ This section below is used ONLY to customize the look of the 'Modify Mailing List Subscriptions' page (ModifyMailing.aspx/Modify_MailingList.ascx control) ++++++++ */

table.modifyml {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 310px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.modifyml_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 260px;
}
.modifyml_form_field {
	/* Controls the text fields in the form */
	width: 180px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.modml_linkbutton {
	/* Controls the look of the Next and Previous links in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
.modml_linkbuttonOver {
	/* Controls the look of the Next and Previous links' rollover in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.modifyml_btn {
	/* Controls the submit button in the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.modifyml_disabled_btn {
	/* Controls the look of the button when disabled in the form */
	background-color: #C0C0C0;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.modifyml_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='modifyml_btnOver'" onmouseout="this.className='modifyml_btn'" */
}
.modifyml_text_area {
	/* Controls the look of the large text area in the form */
	width: 180px;
	height: 128px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}


/* -------------------- End of ModifyMailing.aspx/Modify_MailingList.ascx Classes -------------------- */




/* ++++++++ This section below is used ONLY to customize the look of the 'Modify Comments' page (ModifyComments.aspx/Modify_Comments.ascx control) ++++++++ */

table.modifycom {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 310px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.modifycom_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 260px;
}
.modifycom_form_field {
	/* Controls the text fields in the form */
	width: 180px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.modcom_linkbutton {
	/* Controls the look of the Next and Previous links in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
}
.modcom_linkbuttonOver {
	/* Controls the look of the Next and Previous links' rollover in the form */
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-size: 0.7em;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.modifycom_btn {
	/* Controls the submit button in the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.modifycom_disabled_btn {
	/* Controls the look of the button when disabled in the form */
	background-color: #C0C0C0;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.modifycom_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='modifycom_btnOver'" onmouseout="this.className='modifycom_btn'" */
}
.modifycom_text_area {
	/* Controls the look of the large text area in the form */
	width: 180px;
	height: 128px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}


/* -------------------- End of ModifyComments.aspx/Modify_Comments.ascx Classes -------------------- */



/* ++++++++ This section below is used ONLY to customize the look of the 'Rate This Place' page (RatePlace.aspx/Rate_Place.ascx control) ++++++++ */

table.rateplace {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 550px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.rateplace_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 550px;
}
.rateplace_form_field {
	/* Controls the text fields in the form */
	width: 180px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.rateplace_btn {
	/* Controls the submit button in the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.rateplace_disabled_btn {
	/* Controls the look of the button when disabled in the form */
	background-color: #C0C0C0;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.rateplace_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.54em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='rateplace_btnOver'" onmouseout="this.className='rateplace_btn'" */
}
.rateplace_text_area {
	/* Controls the look of the large text area in the form */
	width: 280px;
	height: 100px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}


/* -------------------- End of RatePlace.aspx/Rate_Place.ascx Classes -------------------- */



/* ++++++++ This section below is used on the Send_Email.aspx/emailform.ascx AND Support.aspx/Support_Form.ascx control pages ++++++++ */

table.emailform {
	/* Controls the look of the form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 280px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.emailform_transparent {
	/* Controls the transparent table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 300px;
}
td.emailform_noborder {
	/* Removes the cells' borders in the form */
	border: none;
}
.emailform_form_field {
	/* Controls the look of the text fields in the form */
	width: 165px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.emailform_largeform_field {
	/* Controls the look of the text fields in the form */
	width: 165px;
	height: 70px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.emailform_text_area {
	/* Controls the look of the large text area in the form */
	width: 165px;
	height: 128px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.emailform_btn {
	/* Controls the look of the submit button */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.emailform_btnOver {
	/* Controls the look of the button's rollover */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='emailform_btnOver'" onmouseout="this.className='emailform_btn'" */
}


/* -------------------- End of Send_Email.aspx/emailform.ascx AND Support.aspx/Support_Form.ascx Classes --------------------- */



/* ++++++++ This section below is used to customize the look of the Quiz Interface (Quiz_UI.ascx Control) ++++++++ */

table.quizUI {
	/* Controls the style of the table containing the Quiz */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 125px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
.quizUI_form_field {
	/* Controls the style of the email text field of the quiz */
	width: 120px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.quizUI_text_small_darkblue {
	/* Controls the style of the text used to display the 4 possible answers of the quiz */
	font-family: Verdana, Arial, sans-serif;
	color: #FFFFFF;
	font-size: 0.55em;
	font-weight: normal;
	font-style: normal;
}
.quizUI_tiny_btn {
	/* Controls the button used in the quiz */
	background-color: #00008B;
	width: 60px;
	height: 19px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.7em;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
}
.quizUI_tiny_btnOver {
	/* Controls the button rollover used in the quiz */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 60px;
	height: 19px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.7em;
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
}

/* Add this in your <asp:button> tags : onmouseover="this.className='quizUI_btnOver'" onmouseout="this.className='quizUI_btn'" to create the rollover */

/* -------------------- End of Quiz Interface (Quiz_UI.ascx) section -------------------- */



/* ++++++++ This section below is used ONLY to customize the look of the 'Add A User' page (Addusers.aspx/Add_User.ascx control) ++++++++ */

table.adduser {
	/* Controls the table holding the whole form */
	border: 2pt solid;
	border-color: #074964;
	background-color: #416182;
	width: 260px;
	vertical-align: middle;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
table.adduser_transparent {
	/* Controls the invisible table holding the instructions at the top of the page */
	border: none;
	background-color: transparent;
	width: 260px;
}
.adduser_form_field {
	/* Controls the text fields in the form */
	width: 130px;
	height: 22px;
	border: groove 1pt;
	color: #000000;
	background-color: #F0FFFF;
	font-size: 0.6em;
	font-weight: normal;
	font-style: normal;
	font-family: Verdana, Arial, sans-serif;
	padding: 0.1cm 0.1cm 0.1cm 0.1cm;
}
.adduser_btn {
	/* Controls the submit button in the form */
	background-color: #00008B;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	border-color: #A9A9A9;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
}
.adduser_btnOver {
	/* Controls the submit button rollover in the form */
	background-color: #800000;
	border-color: #A9A9A9;
	width: 70px;
	height: 22px;
	border: groove 1pt;
	color: #FFFFFF;
	font-size: 0.75em;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;

/* Add this in your <asp:button> tags : onmouseover="this.className='adduser_btnOver'" onmouseout="this.className='adduser_btn'" */
}


/* -------------------- End of 'Add User' Interface (Addusers.aspx/Add_User.ascx) section -------------------- */