/*************************************************************
Name: Naviigator
Date: OCT-7-2008
Author: gabre aka erbag
URL: http://pxjunkie.blogspot.com
License: http://creativecommons.org/licenses/by-nc-sa/3.0/
*************************************************************/

body
{
	font-family: Arial, Verdana, Tahoma, "Trebuchet MS";
	color: #333333;
	margin:  0;
	padding: 0;
}

/* TOP -------------------*/
#top 
{
	background-color: #7f7f7f;
	height: 62px;	
}
#top .top
{
	
	width: 800px;
	margin: 0 auto;
}
#top .top .lft
{
	width: 195px;
	padding: 8px 0 0 10px;
	float: left;
}
#top .top .lft h2
{
	font-size: 30px;
	text-transform: uppercase;
	color: #ffffff;
	line-height: normal;
	margin: 0;
}
#top .top .lft .version
{
	font-size: 10px;
}
#top .top .rgt
{
	width: 320px;
	float: right;
}
#top .top .rgt .menu
{
	margin: 0;
}
#top .top .rgt .menu li
{
	text-align: center;
	display: inline;
}
#top .top .rgt .menu li a
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	width: 70px;
	float: left;
	padding: 8px 0 0 0;
}
#top .top .rgt .menu li a img
{
	border: none;
}

	/* sub menu */
	#top .top .rgt .menu #sm_1
	{	
		
		width:70px;
		margin: 62px 0 0 70px;
		padding: 0;
		z-index:2;
		position: absolute;
		display:none;
	}
	#top .top .rgt .menu #sm_1 li
	{
		border-top:solid 1px #DEDEDE;
		background:none;
		display:block;
	}
	#top .top .rgt .menu #sm_1 li a
	{
		font-size: 10px;
		background-color: #7f7f7f;
		display:block;
		float:none;
		padding:6px 6px;
		margin:0;
		border:0;
		height:auto;
		color:#ffffff;
		line-height:normal;
	}
	#top .top .rgt .menu #sm_1 li a:hover
	{
		color: #333333;
	}
	
	
	
	#top .top .rgt .menu #sm_2
	{	
		width:100px;
		margin: 62px 0 0 120px;
		padding: 0;
		z-index:2;
		position: absolute;
		display:none;
	}
	#top .top .rgt .menu #sm_2 li
	{
		border-top:solid 1px #DEDEDE;
		background:none;
		display:block;
	}
	#top .top .rgt .menu #sm_2 li a
	{
		font-size: 10px;
		background-color: #7f7f7f;
		display:block;
		float:none;
		padding:6px 6px;
		margin:0;
		border:0;
		height:auto;
		width:100px;
		color:#ffffff;
		line-height:normal;
	}
	#top .top .rgt .menu #sm_2 li a:hover
	{
		color: #333333;
	}




#sub
{
	background-color: #333333;
	height: 29px;
}
#sub .sub
{
	width: 800px;
	margin: 0 auto;                                                            
}
#sub .sub .logout
{
	float: right;
	padding: 5px 15px 0 0;
}
#sub .sub .logout img
{
	border: none;

}



/* CONTAINER --------------*/
#container
{
	width: 800px;
	margin: 0 auto;
	padding: 20px 0px;
	overflow: inherit;
}
#container .lft
{
	float: left;
}
#container .lft .header
{
	font-size: 30px;
	font-weight: bold;
}
#container .lft .header img
{
	float: left;
}
#container .rgt
{
	display: none;
}
#container .rgt .shortcuts ul.top
{
	margin: 0;
	padding: 0px 0 0 30px;
}
#container .rgt .shortcuts ul.sub
{
		margin: 0;
		padding: 90px 0 0 30px;
}
#container .rgt .shortcuts ul.top li, #container .rgt .shortcuts ul.sub li
{
	text-align: center;
	display: inline;
}
#container .rgt .shortcuts ul.top li a, #container .rgt .shortcuts ul.sub li a
{
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	width: 83px;
	float: left;
	padding:0 25px 0 25px;
}
#container .rgt .shortcuts ul.top li a img, #container .rgt .shortcuts ul.sub li a img
{
	border: none;
}
#container #content
{
	clear: both;
}

	/* PAGES ******************/
	
	/* welcome */
	#container #Welcome.rgt
	{
		width: 462px;
		float: right;
		display: block;
		margin-right: 15px;
	}
	#container #Welcome.rgt .shortcuts
	{
		background-image: url(images/bg_shortcuts.gif);
		background-position: top left;
		background-repeat: no-repeat;
		height: 230px;
		width: 462px;
		
		padding: 20px 0 0 0;
	}
	#container #content.Welcome
	{
		font-size: 10px;
	}
	#container #content.Welcome table
	{
		background: transparent;
		width: 462px;
		float: right;
		margin: 0 15px 0 0;
	}
	#container #content.Welcome table b
	{
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
	}
	#container #content.Welcome table a
	{
		text-decoration: underline;
		color: #008000;
	}
	#container #content.Welcome table a:hover
	{
		text-decoration: none;
	}
	#container #content.Welcome table td
	{
		background: transparent;
	}
	
	/* login */
	#top .top .rgt span.Login
	{
		display: none;
	}
	#sub .sub img.Login
	{
	display: none;
	}
	#container #content.Login
	{
		font-size: 11px;
	}
	#container #content.Login input
	{
		font-size: 11px;
		margin: 0 0 10px 0;
	}
	#container #content.Login label input
	{
		float: left;
		margin-right: 10px;
	}
	
	/* logout */
	#top .top .rgt span.Logout
	{
		display: none;
	}
	#sub .sub img.Logout
	{
		display: none;
	}
	#container #content.Logout
	{
		font-size: 13px;
	}
	
	/* password */
	#top .top .rgt span.Password
	{
		display: none;
	}
	#sub .sub img.Password
	{
		display: none;
	}
	#container #content.Password
	{
		font-size: 11px;
	}
	#container #content.Password input
	{
		font-size: 11px;
		margin: 0 0 10px 0;
	}
	
	
	/* add news */
	#container #content.News table input
	{
		font-size: 11px;
	}
	
	/* configuration */
	#container #content.Configuration table
	{
		border-collapse: collapse;
	}
	#container #content.Configuration table td#button1, #container #content.Configuration table td#button2, #container #content.Configuration table td#button3, #container #content.Configuration table td#button4
	{
		background: transparent !important;
		border: none !important;
	}
	#contaner #contentConfiguration table td#button1 a
	{
		padding: 0 !important;
	}
	#container #content.Configuration table, #container #content.Configuration table tr
	{
		border: none !important;
	}
	#container #content.Configuration input, #container #content.Configuration select
	{
		font-size: 11px;
		margin: 10px 0 0 0;
	}
	
	/* users */
	#container #content.Users table input
	{
		font-size: 11px;
		margin: 0 0 5px 0;
	}
	
	/* options */
	#container #content.Options table input
	{
		font-size: 11px;
		margin: 10px 0;
	}
	
	/* options */
	#container #content.Options a b
	{
		font-size: 12px;
	}
	#container #content.Options table input, #container #content.Options table select
	{
		font-size: 11px;
		margin: 0 0 10px 0;
	}
	#container #content.Templates table textarea
	{
		font-size: 10px;
		color: #ff0000;
		background-color: #f1fdeb;
		padding: 20px;
		margin: 15px 0 0 0;
		border: none;
		width: 760px;
	}
	#container #content.Templates table b a
	{
		font-size: 12px !important;
	}
	
	/* categories */
	#container #content.Categories table input, #container #content.Categories table select
	{
		font-size: 11px;
		margin: 0 0 10px 0;
	}
	
	/* config saved */
	#container #content.Saved
	{
		font-size: 12px;
	}
		
	
	/* standard style for all pages */
	#container #content table input, #container #content table select
	{
		font-size: 11px;
	}
	
	#container #content.Options, #container #content.Configuration, #container #content.Templates, #container #content.Archives,#container #content.Backup, #container #content.Blocking, #container #content.Wizard, #container #content.Users, #container #content.Images, #container #content.Categories, #container #content.About, #container #content.News, #container #content.denied, #container #content.Saved
	{
		padding: 0 15px 0 15px;
	}
	#container #content select, #container #content.Options table, #container #content.Configuration, #container #content.Templates, #container #content.Archives,#container #content.Backup, #container #content.Blocking, #container #content.Wizard, #container #content.Users, #container #content.Images, #container #content.Categories, #container #content.About, #container #content.News
	{
		font-size: 11px;
	}
	#container #content a, #container #content.Options table a, #container #content.Configuration table a, #container #content.Templates table a, #container #content.Archives table a, #container #content.Backup table a, #container #content.Blocking table a, #container #content.Wizard table a, #container #content.Users table a, #container #content.Images table a, #container #content.Categories table a, #container #content.About table a, #container #content.News table a, #container #content.denied a
	{
		text-decoration: none;
		color: #008000;
	}
	#container #content.Options table td
	{
		background: transparent;
	}
	

/* FOOTER -----------------*/
#footer
{
	clear: both;
	font-size: 10px;
	color: #000000;
	width: 800px;
	margin: 0 auto;
	padding: 30px 0 ;
}
#footer a
{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.credit
{
	text-align: left;
	float: left;
	padding: 0 0 0 10px;
}
.copyright
{
	text-align: right;
	float: right;
	padding: 0 10px 0 0;
} .hidden
{
	display: none;
}