/* CSS Document */

/*/////////////// INDEX PG CONTENT AREA LAYOUT ///////////////*/
#photo_container {
	display: block;
	float: left;
	background-color: #EBECE1;
	border-left: 1px #000 solid;
	border-right: 1px #000 solid;
	height: 40.875%;
	width: 70.832%;

}

#photo_container #photo_indexpgimage {
	display: block;
	text-align: center;
}

#photo_container #photo_indexpgimage img {
	max-height:250px;
	max-width:350px;
	}

#photo_container #add_photo {
	font-size: 90%;
	color: #fff;	
	width:100%;
	background-color:#000000;
	text-align:right;
	padding-top:3px;
	padding-bottom:3px;
	margin-top:3px;
}


#photo_container #add_photo a, #photo_container #add_photo a:visited {
	text-decoration: underline;
	color: #fff;
	padding:5px;
}

#photo_container #add_photo a:hover {
	color: #999999;
}

#photo_container #slideshowText {
	/*font-size: 0.6em;*/
	color: #fff;
	background-color:#000;
	width:100%;
	text-align:center;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:3px;
}

#photo_container #slideshowText a, #photo_container #slideshowText a:visited {
	text-decoration: underline;
	color: #fff;	
}

#photo_container #slideshowText a:hover {
	color:#999;
	}

#rightfarcolumn {
	float: right;
	width: 28.168%;

}

/*  Featured Item  */

h2 {
	margin: 0;	
	padding: 7px 0 0 0;
	font-size: 100%;
	/*text-transform: uppercase;*/
}

span {
	margin: 0;
	padding: 7px 0 0 0;
	font-size: 90%;
}

div#feature_photo {
	background:#fff;
	border:1px solid #ccc;
	z-index:0;
	overflow: hidden;
	width:100%;
	background: url("../images/buttons/BG_snapShotItem.jpg") repeat-x scroll #E9EEF2;
}

div#feature_photo h2 {
	font-weight: bold;
	font-size:100%;
	text-align:center;
}

div#feature {
	width:100%;
	float:left;
	overflow: hidden;
	position: relative;
	background: #fff /*url("../images/buttons/BG_snapShotItem.jpg") repeat-x scroll #E9EEF2*/;
	border:1px solid #ccc;
	margin-top:10px;
	z-index:0;
	
}

div#feature p {
	margin:10px;
	font-size:100%;
	line-height:1.5;
}

div#feature h1 {
	line-height: 1.1em;
	display: block;
	margin: 10px;
	padding: 0px;
	border-bottom:1px solid;
}

div#feature h2 {
	margin-left:10px;
	/*color:#000;*/
	font-size:105%;
}

div#feature_list {
	float:left;
	width:100%;
	height: 220px;
	overflow: hidden;
	position: relative;
	background:#fff;
	border:1px solid #ccc;
	margin-bottom:10px;
	z-index:0;
}

div#feature_list ul {
	position: absolute;
	top: 1px;
	list-style: none;	
	padding: 0;
	margin: 0;
}

ul#tabs {
	left: 0;
	z-index: 2;
	width: 40%;
	height:100%;
	background-color:#fff;
	background: url("../images/buttons/BG_snapShotItem.jpg") repeat-x scroll #E9EEF2;
}

ul#tabs li {
	font-size: 12px;
	font-family: Arial;
	padding: 10px;
}

ul#tabs li img {
	padding: 5px;
	border: none;
	float: left;
	margin: 10px 10px 0 0;
	margin-bottom:20px;
}

ul#tabs li a {
	color: #222;
	/*display: block;*/
	outline: none;
}

ul#tabs li a:hover {
	text-decoration: underline;
}

ul#tabs li a.current {
	background-color:#000;
	color: #FFF;
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	right: 2px;
	width: 400px;
	height: 240px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 400px;
	height: 240px;
}

ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
	color: #FFF;
	background: #D33431;
	-moz-border-radius: 5px;
}

ul#output li a:hover {
	background: #000;
}

#centerColumn {
	float:left;
	width:70%;
	}

/* Fire Chat Container */

#firechat_container {
	display: block;
	margin: 0px;
	padding: 0px;

}

#firechat_container h1{
	/*text-align: right;*/
	line-height: 1.1em;
	display: block;
	margin: 0px;
	padding: 0px;
	border-bottom:1px solid;


}

#firechat_container #tab {
	background-color: #FEFEFE;
	display: block;
	/*float: right;*/
	border-top: 1px solid #D5D7BD;
	border-left: 1px solid #D5D7BD;
	border-right: 1px solid #D5D7BD;
	/*clear: left;*/
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin: 0px;
	/*background-repeat: no-repeat;
	background-image: url(../images/index/firechat_roundedcorner.jpg);*/

}

#firechat_container #bullettext{
	display: block;
	clear: both;
	border-bottom: 1px solid #D5D7BD;
	border-left: 1px solid #D5D7BD;
	border-right: 1px solid #D5D7BD;
	background-color: #FEFEFE;
	/*background-image: url(../images/index/firechat_vdfpflame.jpg);*/
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0px;
	/*overflow-y: scroll;*/
	position: relative;
	/*height: 380px;*/
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;


}

#firechat_container ul{
	font-size: 0.9em;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	list-style-type: none;

}

#firechat_container li{
	padding-bottom: 0.4em;
	padding-top: 0.4em;
	padding-right: 0px;
	padding-left: 1em;
	background-image: url(../images/main_template/bullet_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 12px;

}

#firechat_container span {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	font-size: 0.9em;
	}
	
/* To Do List */
#todo_list {
	padding-top: 10px;
	margin-right: 225px;
	}

/* To Do Container */
#todo_container {
	background-color:#fff;
	border: 1px #ccc solid;
	padding: 10px;
	padding-left:15px;
	margin-bottom: 10px;
	font-size: 120%;
	color: #000;
	font-weight:bold;
	height: 175px;
	background: url("../images/buttons/BG_snapShotItem.jpg") repeat-x scroll left top #E9EEF2;
	}
	
#todo_container ul {
	list-style: none outside none;
	margin: 0 0 0 0;
	padding: 0;
	}
	
#todo_container ul li {
	background-image:url("../images/main_template/bullet_arrow.gif");
	background-position:center left;
	background-repeat:no-repeat;
	float: left;
	padding-top:2px;
	padding-bottom:7px;
	/*height: 30px;*/
	/*line-height: 40px;*/
	margin: 3px 20px 0 0;
	/*padding: 0 0 0 33px;
	border-bottom: 1px solid #D8D8D8;
	list-style: none outside none;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 0 0;
	padding:0 10px 0 5px;*/
	width: 45%;
	}
	
#todo_container a {
	text-decoration: none;
	margin-left:10px;
	}
	
#todo_container h1 {
	margin-top:0;
	border-bottom: 1px solid #D8D8D8;
	color:#9F1B17;
	font-family:Georgia,"Times New Roman",Times,serif;
	font-weight:bold;
	font-size:100%;
	}

/*   Actions Container */
#actions_container {
	margin-top:10px;
	background-color:#fff;
	border: 1px #ccc solid;
	/*margin-top:70px;*/
	padding: 10px;	/*padding-left:15px;*/
	color: #000;
	font-weight:bold;
	height: 130px;
	background: url("../images/buttons/BG_snapShotItem.jpg") repeat-x /*scroll left top*/ #E9EEF2;
	}
	
#actions_container ul {
	list-style: none outside none;
	/*margin-left:5%;
	margin-right:5%;
	margin: 0 0 0 0;*/
	padding: 0;
	margin-left:10px;
	}
	
#actions_container ul.menu {
	list-style: none outside none;
	}
	
#actions_container ul li {
	float: left;
	padding-top:2px;
	padding-bottom:7px;
	height: 30px;
	/*line-height: 40px;*/
	margin: 0;
	margin-top:10px;
	/*padding: 0 0 0 33px;
	border-bottom: 1px solid #D8D8D8;*/
	/*list-style: none outside none;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 0 0;
	padding:0 10px 0 5px;*/
	width: 49%;
	}

#actions_container ul li a {
	color: #2A2C45;
	display:block;
	list-style:none outside none;
	padding-left:30px;
	font-size:120%;
	}
	
#actions_container ul li.last {
	border: 0;
	}
	
#actions_container a {
	text-decoration: none;
	}
	
#actions_container a:hover {
	color:#A6AA77;
	}
	
#actions_container li.login {
	background:url("../images/buttons/key-icon.png") no-repeat scroll 0 0 transparent;
	/*margin-right:10px;*/
	}
	
#actions_container li.bookstore {
	background:url("../images/buttons/shopping-cart-icon.png") no-repeat scroll 0 0 transparent;
	/*margin-left:10px;*/
	}
	
#actions_container li.kc {
	background:url("../images/buttons/lightbulb-icon.png") no-repeat scroll 0 0 transparent;
	}
	
#actions_container li.survey {
	background:url("../images/buttons/survey-icon.png") no-repeat scroll 0 0 transparent;
	/*margin-left:10px;*/
	}
	
#actions_container li.fd {
	background:url("../images/buttons/search-icon.png") no-repeat scroll 0 0 transparent;
	}

#actions_container li.ff {
	background:url("../images/buttons/ff-icon.png") no-repeat scroll 0 0 transparent;
	padding-top:10px;
	/*margin-left:10px;*/
	}


#buttons_container {
	display: block;
	float: none;
	padding-top: 10px;
	padding-bottom: 10px;

}

#buttons_container img{
	padding-bottom: 1px;
	padding-top: 1px;

}

/*fieldset { border:0; margin-left:65%; margin-top:-10px;}	
label,select,.ui-select-menu { float: left; margin-right: 10px; }
select { width: 200px; }*/