html { height: 100%; }
body { height: 100%; margin: 0; padding: 0; background: url(../img/bgall.gif); font-family: Trebuchet MS; font-size: 13px; }
a { color: #5E3880; }
hr { background-color: #5E3880; }
h1 { font-weight: normal; font-size: 20px; color: #493858; clear: both; }
h2 { font-weight: normal; font-size: 18px; color: #493858; clear: both; }
h3 { font-weight: normal; font-size: 16px; color: black; margin-bottom: 5px; clear: both; }
img { border: 0px; }

#all { background: url(../img/bg.gif) top repeat-x; height: 100%; }
#top { /*height: 90%;*/ }
#logo { width: 34%; float: left; text-align: center; padding: 28px 0px 37px 0px; }
#menu { width: 65%; float: left; padding-top: 30px; }
#menu a { font-size: 14px; color: white; text-decoration: none; display: block; float: left; margin: 4px 14px 10px 0px; }
#menu .top { clear: both; font-size: 18px; color: #916CAF; margin-top: 0px; }

#home { clear: both; margin: auto; }
#common { clear: both; margin: auto; }
.block { background: url(../img/block-home.gif) bottom right no-repeat white; padding: 20px; width: 33%; }
.block1 { background: url(../img/block-home.gif) bottom right no-repeat white; padding: 20px; color: #5E3880; }
.content { width: 66%; height: 100%; }
#content { background: url(../img/bgcontent.gif) bottom repeat-x white; height: 100%; vertical-align: top; padding: 20px; }
#loginblock table { /*padding: 0px 30px 0px 30px;*/ }
#linksblock table { margin: 0px 30px 0px 30px; }
#linksblock { color: #5E3880; }

#bottom { height: 10%; padding: 0px 10px 0px 10px; }
#bottommenu a { font-size: 14px; text-decoration: none; color: #916CAF; }
#languages { margin-top: 7px; float: left; color: white; font-size: 12px; }
#choose { float: left; margin-right: 10px; }
#flags { float: left; }
#flags img { margin-right: 3px; }
#copyrights { margin-top: 7px; margin-right: 10px; float: right; color: white; font-size: 12px; }
.project-links { float: left; margin: 5px 0px 0px 3px; font-size: 12px; padding-left: 10px; padding-bottom: 20px; }
.project-options { float: right; font-size: 12px; color: #666666; margin-top: 7px; }
.project-links a { display: block; float: left; margin-right: 20px; }
.project-links img { float: left; margin-right: 7px; padding-top: 5px; }
.projects-options img { padding-top: 5px; }

.errorlist { background: #ffe8e8; padding: 4px 10px 4px 10px; border-left: 3px solid red; }
.errorlist div { color: red; }

#ctxmenu { display: none; position: absolute; top: 40; left: 40; background-color: white; border: 1px solid #aca899; padding: 2px; }
#ctxmenu a, #ctxmenu span { padding: 3px 17px 3px 17px; font-size: 11px; width: 100%; color: black; text-decoration: none; cursor: default; }
#ctxmenu span { color: #999999; }
#ctxmenu div.hover { background-color: #316ac5; }
#ctxmenu div.hover a { color: white; }
#ctxmenu div.break { padding: 3px 1px 3px 1px; height: 1px; }
#ctxmenu div.break div { width:100%; height: 1px; background-color: #aca899; }

.grid { border: #cccccc solid; border-width: 1px 0px 0px 1px; width: 100%; }
.grid td, .grid th { border: #cccccc solid; border-width: 0px 1px 1px 0px; padding: 4px; font-size: 11px; }
.grid th { background-color: #e8e8e8; font-weight: normal; text-align: left; }
.grid td { background-color: white; }

/*#form { width: 600px; }*/


.projects {
	border: 1px solid #493858;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0 0 15px 0;
	_margin: 0px;
	width: 280px;
	height: 198px;
	float: left;
}

.project_name_title {
	border-bottom: 1px solid #493858;
	height: 25px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
}

.project_description_title {
	dysplay: none;
	border-bottom: 1px solid #493858;
        float: right;
	height: 25px;
	width: 70%;
	*width: 69.99%;
	padding: 0px;
	margin: 0 0 0 -1px;
	_margin: 0 0 0 -2px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

.project_name_title h2, .project_description_title h2 {
	padding: 0px;
	margin: 0px;
	font-size: 15px;
	font-weight: bold;
}

.projects_name {
	height: 172px;
	padding: 0px;
	margin: 0px;
	text-align: top;
	vertical-align: left;
	overflow: auto;
	_display: table;
}

.projects_description {
	display: table;
	padding: 0 0 0 15px;
	margin: 0px;
	text-align: top;
	vertical-align: left;
	_float: left;
	*float: left;
	clear: right;
}

*html .projects_description {
	padding-bottom: 5px;
}

*+html .projects_description {
	padding-bottom: 11px;
}

.project_name {
	padding: 0px;
	margin: 5px 0;
}

.project_description {
	padding: 0px;
	margin: 0 5px;
}


.project_description {
	display: none;
}

.project_name h4 {
 	color: #493858;
	padding: 0 5px;
	margin: 2px 0px;
	font-size: 13px;
}

.project_name ul, .project_name li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	cursor: pointer;
}

.buttons {
	padding: 0px;
	margin: 0px;
	width: 100%;
	clear: both; 
}

*html .buttons {
	padding-top: 19px;
}

*+html .buttons {
	padding-top: 8px;
}

.buttons_left {
	margin: 0px;
	padding: 0px;
	height: 24px;
	float: left;
}

.buttons_right {
	float: right;
	margin: 0px;
	height: 24px;
	padding: 0px;
}

#edit, #delete, #preview, #create, #download, #quote {
/*	display: inline-block;*/
	height: 24px;
	color: #ccb2d6;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}

.button {
	background: url(../img/b2.gif) repeat-x 0 0;
	display: block;
	height: 24px;
	float: left;
	margin-right: 3px;
	cursor: pointer;
}

.button p {
	cursor: pointer;
}

input.submit {
	border: 0px;
	background: none;
	color: #5E3880;
	cursor: pointer;
	border-bottom: 1px solid #5E3880;
	padding: 0px;
	margin: 0px;
	height: 17px;
}
