@charset "utf-8";
/* CSS Document for the Heart Internet Host Control Panel ONLY */
/* ***************************************************** */
/* The style for the body                                */
/* ***************************************************** */

body {
	background-image: url(http://www.designgraphic.gr/includes/graphics/gui/backgrounds/bg_main.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #333333;
}
a:link, a:active, a:visited {
	text-decoration: none;
	color: #006699;
}
a:visited {
	color: #339999;
}
a:hover {
	color: #990000;
}

/* ***************************************************** */
/* The style general Classes                             */
/* ***************************************************** */
#bg333 {
	background-color: #333333;
}
/* ***************************************************** */
/* The styles for the main Containers                    */
/* ***************************************************** */
.divStrecher{
	width: 100%;
}
.divWrapper {
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	height: 1%;
	margin-bottom: 15px;
}
.divWrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .divWrapper {
	height: 1%;
}
/* End Hide from IE-mac */
.divWrapperBlack {
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	height: 1%;
	padding-bottom: 15px;
	color: #CCCCCC;
}
.divWrapperBlack:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .divWrapperBlack {
	height: 1%;
}
/* End Hide from IE-mac */

/* ***************************************************** */
/* The styles for GUI items                              */
/* ***************************************************** */
.divShadow {
	background-image: url(http://www.designgraphic.gr/includes/graphics/gui/backgrounds/panels_shaddow.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 10px;
	margin-bottom: 5px;
}
/* ***************************************************** */
/* The styles for the Header                             */
/* ***************************************************** */
#divHeader {
	background-color: #FFFFFF;
	height: 80px;
}
#divHeader a:hover {
	background-color: #FFCC00;
}
/* The Logo Square on the right */
#divLogo {
	width: 80px;
	float: right;
	margin-left: 10px;
	margin-top: 5px;
}
#divLogoContainer {
	text-align: center;
}
#divLogo h1 {
	display: none;
}
#divLogo h2 {
	display: none;
}
/* The Main Navigation Square on the left */
#divHeaderLeft {
	width: 700px;
	text-align: right;
	float: left;
}
#divMainNav {
	margin-top: 30px;
	height: 27px;
}
#divMainNav h3 {
	display: none;
}
#divMainNav li {
	display: inline;
	color: #CCCCCC;
}
#divMainNav a:link, #divMainNav a:active, #divMainNav a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	padding: 3px;
}
#divMainNav a.current:link,#divMainNav a.current:visited {
	color: #CCCCCC;
	background-color: #FFFFFF;
}
/* ***************************************************** */
/* The styles for the Columns of the Main Content        */
/* ***************************************************** */
/* The main content div */
.divContent {
	background-color: #FFFFFF;
	width: 100%;
	padding: 5px;
	border: 1px solid #333333;
}
/* ***************************************************** */
/* The styles for the SiteInfo                           */
/* ***************************************************** */
#divSiteInfoBlack {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	font-size: 0.8em;
}
#divSiteInfoBlack h3 {
	display: none;
}
#divSiteInfoBlack li {
	list-style-type: none;
}
#divSiteInfoBlack a:hover {
	background-color: #FFCC00;
}