/* CSS Document */

#vertmenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
width: 160px;
padding: 0px;
margin: 0px;
}

#vertmenu h1 {
display: block; 
background-color:#FFFFFF;
font-size: 24px; 
padding: 3px 0 5px 3px;
border: 0px solid #FFFFFF;
color: #333333;
margin: 5px;
width:159px;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 2px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 2px;
}
#vertmenu ul li a {
font-size: 14px;
display: block;
border-bottom: 1px dashed #FF0000;
padding: 2px 0px 2px 4px;
text-decoration: none;
color: #666666;
width:160px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #eeeeee;
}


/* anchor properties */

a { font-family:Tahoma;}

a:hover { color: #ff0000; text-decoration: none;}

.box_head_1_dyn a,
.box_head_1_dyn { color:#FFFFFF; text-decoration: none; font-weight: bold; white-space:nowrap;}

.box_head_1_dyn a:hover { color:#EEEEEE; text-decoration: none; font-weight: bold;}

.box_head_2_dyn a { color:#FFFFFF; text-decoration: none; font-weight: bold; white-space:nowrap;}

.box_head_2_dyn a:hover { color:#DDDDDD; text-decoration: none; font-weight: bold;}

.box_head_2_flip a { color:#FFFFFF; text-decoration: none; font-weight: bold;}

.box_head_2_flip a:hover { color:#DDDDDD; text-decoration: none; font-weight: bold;}

.box_content_link {}

.box_content_link a { color:#000000; text-decoration: none; font-weight: normal;}

.box_content_link a:hover { color:#ff0000; text-decoration: underline; font-weight: normal;}

.submenu_buttons a { color:#333333; text-decoration: none; font-weight: bold;}

.submenu_buttons a:hover { color:#FFFFFF; text-decoration: underline; font-weight: bold;}

.submenu a { color:#000000; text-decoration: none; font-weight: normal;}

.submenu a:hover { color:#ff0000; text-decoration: underline; font-weight: normal;}



/* Keep image links from having a border */
a img { border: none; }


body {

	background-color: #FFFFFF;

	margin: 0 0 0 0;

	font-size:12px;

	font-family:Tahoma;



}

.bodytable {

	width: 100%;

	border: 0px solid #000000;

	border-collapse:collapse;

	padding: 0px;

	margin: 0px;

}



/* 3 column main table */

.maintable {

	width: 100%;

	border: 0px solid #AAAAAA;

	border-collapse: collapse;

	padding: 2px;

	margin: 2px;

	margin-left: 0px;

}



/*columns in main table */

.leftcolumn {

	width: 150px;

	padding:4px;

}

.centercolumn {

	padding:4px;

}

.rightcolumn {

	width: 150px;

	padding:4px;

}



/*box defining properties */

.box_150 {

	width: 150px;

	border-collapse: collapse;

	border: 0px;

	padding: 0 0 0 0;

	margin: 0 0 0 0;



}

.box_content_1 {

	background-color: #EEEEEE;

	border-left: 1px solid #666666;

	border-right: 1px solid #666666;

	border-bottom: 1px solid #666666;

	padding: 0px;

	font-size: 12px;

}

.box_head_1_150 {

	width: 126px;

	background-color: #333333;

	background-repeat:repeat-x;

	font-weight: bold;

	color: #FFFFFF;

}

.box_head_1_left {

	width:12px;

	height:21px;

	
	background-repeat: no-repeat;

}

.box_head_1_right {

	width:12px;

	height:21px;

	
	background-repeat: no-repeat;

}

.box_head_2_150 {

	width: 126px;

	background-color: #333333;

	background-repeat:repeat-x;

	font-weight: bold;

	color: #FFFFFF;

}

.box_head_2_left {

	width:12px;

	height:21px;

	
	background-repeat: no-repeat;

}

.box_head_2_right {

	width:12px;

	height:21px;

	
	background-repeat: no-repeat;

}

.box_head_2_left_flip {

	width:12px;

	height:21px;

	

}

.box_head_2_right_flip {

	width:12px;

	height:21px;

	

}

.box_150_content_2 {

	width: 148px;

	background-color: #EEEEEE;

	border-left: 1px solid #AAAAAA;

	border-right: 1px solid #AAAAAA;

	border-bottom: 1px solid #AAAAAA;

	padding: 4px;

}

.box_head_2_dyn {

	background-color: #333333;

	
	background-repeat:repeat-x;

	font-weight: bold;

	font-family:Tahoma;

	font-size: 12px;

	color: #FFFFFF;

}

.box_head_2_flip {

	background-color: #333333;

	 
	background-repeat:repeat-x;

	font-weight: bold;

	font-family:Tahoma;

	font-size: 12px;

	color: #FFFFFF;

}

.box_content_2 {

	background-color: #EEEEEE;

	border-left: 1px solid #666666;

	border-right: 1px solid #666666;

	border-bottom: 1px solid #666666;

	padding: 0px;

	font-size: 12px;



}

/* Fix for IE 6 to inherit font size */

.box_content_2 td{

	font-size:12px;

}

.box_dyn {

	border-collapse: collapse;

	border: 0px;

	padding: 0 0 0 0;

	margin: 0 0 0 0;



}

.box_head_1_dyn {

	background-color: #333333;

	 
	background-repeat:repeat-x;

	font-weight: bold;

	color: #FFFFFF;

	font-family:Tahoma;

	font-size: 12px;

}

.box_dyn_content {

	background-color: #FFFFFF;

	border-left: 1px solid #666666;

	border-right: 1px solid #666666;

	border-bottom: 1px solid #666666;

	padding-left: 2px;

	padding-bottom: 2px;

}



/*not boxes*/

.submenu {

	border-top: 0px solid #666666;

	border-bottom: 0px solid #666666;

	border-collapse:collapse;

	text-indent: 8px;

	background-color: #FFFFFF;

	padding: 2px;

	font-size: 12px;

}

.submenu_buttons {

	padding: 0px 0px 0px 0px;

	border-collapse:collapse;

	border: 0;

	font-size: 12px;

}

.formbutton {

/*

Example css for form buttons

background-color: #EEEEEE;

border: 1px solid #000000;

color: #000000;

font-size: 10px;

font-weight: bold;

*/

}

.user_admin_text1 {

color: #000000;

font-size: 12px;

font-weight: bold;

}

h1 {

font-size: 16px;

text-align: center;

font-weight:bold;

}

.footertext {

	font-size: 10px;}

.login_box_text1 { font-size: 12px; }

.login_box_text2 { font-size: 12px; }



/* ----- CSS for User Management Table ----- */

.use_man_table_container

{

  text-align: center;

  margin: 0px auto;

  width: 600px;

}
.use_man_table_header
{
     clear: both;
     width: 600px;
     padding-bottom: 0px;
     padding-top: 30px;
}

.use_man_table_left

{

  width: 295px;

  padding-right: 5px;

  float: left;

  clear: left;

}


.use_man_table_right

{

  width: 295px;

  padding-left: 4px;

  float: right;

  clear: right;

}

.use_man_table_footer

{

     clear: both;

     width: 600px;

     height: 1px;

}
.use_man_table_left div,
.use_man_table_right div{
	text-align:left;
}

.use_man_table_left div a,
.use_man_table_right div a {
	padding-left: 30px;
	text-decoration:none;
}
.use_man_table_left div img,
.use_man_table_right div img {
	width: 42px;
	height: 42px;	
}
.use_man_table_sep {
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #dddddd;
	clear:both;
}


/* extra questions and extra checkboxes */

.extraCheckboxes {

	margin:0px;

	padding:0px;

	float:left;

	list-style-type: none;	
}

.extraCheckboxes li {
	background-image: url('images/checkbox_arw.gif');
	background-position: 0px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
	padding-left: 15px;
	border: 0px solid black;
	white-space:nowrap;

	margin:0px;
}
.extraQuestionName,
.extraQuestionName li,

.extraQuestionValue,

.extraQuestionValue li {
	margin:0px;

	padding:0px;

	list-style-type: none;

}

.extraQuestionName li,

.extraQuestionValue li {

	margin-bottom: 5px;

}



























#galleryContainer

{

	width: 450px;

	height: 100%;

	margin: 0px auto; /* CENTER THE DIV */

	text-align: center;

}

#galleryBigImage

{

	float: left;

	text-align: center;

	border: 1px solid #ccc;

	margin-top: 4px;

}

#galleryBigImage img

{

	margin: 0px auto;

}

#galleryThumbs

{

	width: 192px;

	

	float: right;

	padding: 3px;

	

	text-align: auto;

}



#galleryThumbs ul

{

	margin: 0px;

	padding: 0px;

}

#galleryThumbs ul li

{

	list-style: none;

	padding: 0px;

	margin: 1px;

	display: block;

	float: left;

	border: 1px solid #ccc;

	text-align: center;

	

}



#galleryThumbs ul li img

{

	margin: 0px auto;

	border: 0px;	

}


.info, .success, .warning, .error, .validation {   border: 1px solid;   margin: 10px 0px;   padding:15px 10px 15px 50px;   background-repeat: no-repeat;   background-position: 10px center; } .info {   color: #00529B;   background-color: #BDE5F8;  } .success {   color: #4F8A10;   background-color: #DFF2BF;   background-image:url('success.png'); } .warning {   color: #9F6000;   background-color: #FEEFB3;   background-image: url('warning.png'); } .error {   color: #D8000C;   background-color: #FFBABA;   background-image: url('error.png'); }
