/***************************
 * GENERAL STYLES 
 ***************************/
 
BODY{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:center;
	background-image:url(images/background1.jpg);
	background-color:#FFFFFF;
	color:#848CC6;
	margin:0;
	padding:0;
}

a:link      {color:#7470BC;}
a:visited   {color:#ABA8D9;}
a:active    {color:#9A9A9A;}
a:hover     {color:#A8A8D9;}

td 			{font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif;}

.adminTable
{
	border:1px;
	border-style:solid;
	border-color:#6C66C1;
	background-color:#FAF9FF;
	margin-top:10px;
	margin-bottom:10px;
}
.adminTable td{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.adminTable td#odd{background-color:#EAECF7;}
.adminTable a {color:#686FB9;}
.adminTable#selectionList tr:hover {background-color:#9C97E1;}
.adminTable tr#selectionList:hover {background-color:#A6A6DD;}

.adminTableHeader {background-color:#6C66C1;color:#FFFFFF;}
.adminTableHeader_sortable {
	background-color:#6C66C1;
	color:#FFFFFF;
	background-image: url(../../images/sort.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    margin-left: -1px; 
}
.adminTableHeader_sortableUp 	{background-image: url(../../images/sort_asc.gif); background-color: #003399; }
.adminTableHeader_sortableDown  {background-image: url(../../images/sort_desc.gif); background-color: #003399; }

.adminButton
{
	margin:4px;
}

.listTable
{
	border:1px;
	border-style:solid;
	border-color:#AEAEAE;
	background-color:#F8F8F8;
	margin-top:10px;
	margin-bottom:10px;
}
.listTable td{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
.listTable td#odd{background-color:#EAECF7;}
.listTable a {color:#686FB9;text-decoration:none;}
.listTable a:hover {text-decoration:underline;}

/***************************
 * CONTAINERS & MODULES
 ***************************/

#main
{
	width:720px;
	position: relative; 
	margin: 0 auto;
	margin-top:8px;
	padding:0px;
	text-align:left;
	overflow: hidden;
}

#bodyWrapper
{
	width:100%;
	min-height:300px;
	padding:15px 15px 5px 25px;
	overflow: hidden;
	background-image:url(images/background-content.jpg);
	float:left;
}

#header
{
	float:left;
	text-align: center;
	font-family:Verdana, Arial;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	width:100%;
	height:110px;
	overflow: hidden;
	background-color:#DBDBDB;
	background-image:url(images/header.jpg);
}

#footer
{
	font-family:Arial,Verdana;
	font-size:10px;
	color:#DBDBDB;
	text-align:right;
	position:relative;
	float:left;
	width:720px;
	height:40px;
	background-image:url(images/footer.jpg);
	overflow: hidden;
}

#moduleTop
{
	background-color:#DBDBDB;
	background-image:url(images/background-content.jpg);
	float:left;
	width:720px;
	padding-left:12px;
	position:relative;
	overflow: hidden;
}

#moduleMain
{
	width:92%;
	float:left;
}

.module
{
	width:auto;
	float:left;
	margin-bottom:2px;
	padding:0;
	overflow: hidden;
}

/***************************
 * FORMS AND INPUTS
 ***************************/

form						{margin:0;}

.textbox					{font-family: Verdana, Arial;font-size: 9px;background-color:#99FFFF;border:1px solid;height:17px;padding-left:2px;padding-right:2px;}

#formSubmit 				{text-align:center;width:100%;background-color:#E8EAFF;border:1px solid darkblue;}
#formSubmit table 			{width:100%;}
#formSubmit table thead th 	{background-color:skyblue;color:#2A00AA;width:100%;font-size:12px;}
#formSubmit table thead td 	{font-size:10px;}
#formSubmit .textbox 		{font-size:10px;background-color:#F0FFF2;width:300px;}
#formSubmit .textarea 		{font-size:10px;background-color:#F0FFF2;width:300px;}
#formSubmit .submit 		{font-size:10px;background-color:#53507E;color:#CCFFFF;font-weight: bold;}

#adminForm {
	float:left;
}

/***************************
 * NAVIGATION MENU STYLES
 ***************************/

#cpanelTitle
{
	background-image:url(images/cpanel.png);
	background-repeat:no-repeat;
	float:left;
	width:100%;
	height:45px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#54594F;
	padding-top:12px;
	padding-left:55px;
	margin-top:10px;
	margin-left:5px;
}

.cPanelContent
{
	width:inherit;
	float:left;
	margin:5px;
}

.cPanelButton
{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	width:99%;
	padding:1px;
	/*background-color:#645e5e;*/
	color:#333;
	overflow:visible;
}

.cPanelButton ul
{
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0;
}

.cPanelButton ul li
{
	margin:2px 2px 2px 2px;
	float:left;
}

.cPanelButton ul li a
{
	display:block;
	padding:2px 2px 2px 2px;
	border-width:1px;
	border-style:outset;
	border-color:#D1D1D1;
	color:#808080;
	background-color:#E0E0F5;
	background-position:center;
	background-repeat:no-repeat;
	text-decoration:none;
	text-align:center;
	width:78px;
	height:78px;
}

.cPanelButton ul li a:hover
{
	border-color:#553F55;
	opacity: .6;
	background-color:#E9E9F5;
	border-style:inset;
}

.cPanelButton ul li #content		{background-image:url(images/cpanel_content.png);}
.cPanelButton ul li #blog			{background-image:url(images/cpanel_content.png);}
.cPanelButton ul li #menu			{background-image:url(images/cpanel_menu.png);}
.cPanelButton ul li #gallery		{background-image:url(images/cpanel_gallery.png);}
.cPanelButton ul li #guestbook		{background-image:url(images/cpanel_guestbook.png);}
.cPanelButton ul li #file			{background-image:url(images/cpanel_upload.png);}
.cPanelButton ul li #config			{background-image:url(images/cpanel_config.png);}
.cPanelButton ul li #logout			{background-image:url(images/cpanel_logout.png);}


/* MAIN MENU */
.menu
{
	margin:0px 2px 0px 0px;
	height:auto;
	width:auto;
	text-align:left;
}
.menu ul
{
	padding:2px 2px;
	margin:4px 0px 0px 0px;

	font:11px Verdana, Arial, sans-serif;
}
.menu ul li
{
	margin:0px 0px 0px 0px;
	display:inline;
}
.menu ul li a
{
	padding:2px 0.5em;
	margin-left:2px;
	background-color:#B8BBE4;
	text-decoration:none;
	color:#9494C9;
	background-color:#8688D2;
	background-image:url(images/background-menu.jpg);
}
.menu ul li a:hover
{
	color:#FAFAFE;
	background-image:url(images/background-menu-hover.jpg);
}

.menu li a#current
{
  color: #000;
  background: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}

/***************************
 * MISCELANEOUS STYLES
 ***************************/

.horizontalLine 		{border-bottom:1px solid #227;width:auto;height:2px;}

.SiteTitle 				{font-family:Verdana, Arial;font-weight:bold;font-size:24px;}

.SiteDescription		{font-family:Verdana, Arial;font-weight:bold;font-size:12px;}

.loadingTime			{font-family:Arial,Verdana;font-size:12px;}

.footerSignature			{font-family:Arial,Verdana;font-weight:normal;font-size:9px;color:#7B85C4;margin-right:15px;}
.footerSignature a			{color:#7B85C4;text-decoration:none;}
.footerSignature a:hover	{color:#ACACDD;}
.footerSignature a:visited	{color:#7B85C4;}

.pagination				{width:100%;text-align:left;background-color:#B3B0DB;padding-top:2px;padding-bottom:2px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
.pagination a			{color:#553F55;border:1px solid;padding-left:2px;padding-right:2px;margin-left:0px;margin-right:0px;text-decoration:none;}

.clr{clear:both;}

.loginForm
{
	width:250px;
	border:1px;
	border-color:#5C67C5;
	border-style:solid;
	background-color:#B1B3E0;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	padding:15px;
	color:#FFFFFF;
}

.loginForm input
{
	border:1px;
	border-color:#5C67C5;
	background-color:#F7F7FD;
	border-style:solid;
	color:#6D68CA;
}

.loginText
{
	width:250px;
	border:1px;
	border-color:#5C67C5;
	border-style:solid;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	padding:15px;
}

.comGallery_Folder
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:70px;
	padding:10px;
}
.comGallery_Folder a 		{color:#7672CB;text-decoration:none;}
.comGallery_Folder a:hover 	{color:#ABACDC;text-decoration:none;}

.odd {background-color:#EAECF7;}

.messageError {color:#AA0000;}

.guestbookTextbox {background-color:#E8E9F7;border-style:groove;border-color:#BFBCE7;}
.guestbookButton {background-color:#8B88CA;color:#FFFBF0;}

.contactTextbox {background-color:#E8E9F7;width:220px;border-style:groove;border-color:#BFBCE7;}
.contactButton {background-color:#8B88CA;color:#FFFBF0;}

.imgcodeBox {border-width:1px;;border-style:solid;border-color:#800000;padding:2px;background-color:#FFFFFF;}
.imgcodeTextbox {width:60px; height:24px; font-size:15px; background-color:#FFFBF0}

.blogPanelLeft 	{background-color:#FFFFFF;}
.blogPanelRight	{}

.blogTitle 			{font-size:16px;font-weight:bold;}
.blogTitle a		{text-decoration:none;color:#6668BB;}
.blogTitle a:hover	{color:#303030;}
.blogContent		{font-size:12px;color:#666CBD;}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
	list-style-type:none;
	font-weight: bold;
	border-top:1px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#9CA0D1;
	border-bottom:1px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#9CA0D1;
	margin-bottom:4px;
	padding:4px;
	background-color:#F1F1FA;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	text-decoration:none;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#commentform input, #commentform textarea {
	background-color:#E8E9F7;
	border-style:ridge;
	border-color:#BFBCE7;
}

.commentmetadata, .commentmetadata a {
	font-weight: normal;
	font-size:9px;
	text-decoration:none;
}

.templateChooser {
	width:120px;
	height:14px;
	background-color:#E7E8F5;
	color:#7066C1;
	border-width:1px;
	border-style:solid;
	border-color:#7066C1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	padding:0px;
}