*{ margin: 0; }
html, body { height: 100%; }

body { margin: 0px auto 0px; width: 975px; padding: 0; background: #FFF; /* #242424 */ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #363636; /* #BBBBBB */  height: 100%; }

#wrapper{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -27px; }
#maincontainer_top{ width: 100%; }
#maincontainer_middle{ width: 100%; z-index: 1; clear:both; min-height: 400px; height:auto !important; height: 400px; }
.maincontainer_left{ width: 175px; float: left; padding-right: 15px; margin-right: 15px; border-right: 1px solid #363636; }
#maincontainer_bottom, .push { height: 27px; }
#maincontainer_bottom{ width: 100%; }

#header{ height:57px; background: url('../images/template/header.png') no-repeat; font-size: 10px; }
#header ul{ padding: 30px 5px 0 0; }
#header li{ padding: 0 5px 0 5px; list-style-type: none; display: block; float: right; }
#header li a{ color: #48ACDE; text-decoration: none; }
#header li a.active, #header li a:hover{ text-decoration: underline; }

#header img{ padding: 0px; margin: 0px; }

#topnav{ width: 100%; height: 35px; margin: 0 0 10px 0; padding: 0px; }
#topnav_menu{ float: right; padding: 0px; margin: 0px; }

#breadcrumb { margin-bottom: 10px; color: #999999; font-size: 12px; }
#breadcrumb a{ color: #999999; font-weight:bold; text-decoration:none; font-size: 12px; }
#breadcrumb a:hover{text-decoration: underline;}

#footer{ width: 100%; padding: 0px; background: url('../images/template/footer.png') no-repeat; margin: 0; list-style-image: none; font-size: 8pt; color: #CCC; }
#footer ul { text-align: center; margin: 0; padding: 0; }
#footer li{ display: inline; padding: 0px 10px; border-right: 1px dotted #EEE; }
#footer li.last{ border-right: none; }
#footer li a{ color: #CCC; font-size: 9pt; text-decoration: none; line-height: 27px; height: 27px; }
#footer li a.active,#footer li a:hover{ text-decoration: underline; }


/**************** GENERAL ***************/
.go_back { float: right; font-size: 14px; text-decoration: none; }

.box_red{ background: #FFF5F1; border: 1px solid #FFE1DC; padding: 10px; margin: 10px; }
.box_grey{ background: #fafbfc; border: 1px solid #c0c0c0; padding: 10px; margin: 10px; }
.box_green{
	background: #EFFFF6;
	border: 1px solid #B7CACD;
	padding: 10px;
	margin: 10px;
	text-align: center;
}
.box_red h1, .box_grey h1, .box_green h1{ font-size: 15px; font-weight: bold; margin: 0 0 5px 0; }

.text_red{ color: #F10000; }
.text_small{ font-size: 10px; }
.warning { color: #990000; font-size: 13px; font-weight: bold; }
.warning_big{ font-size: 26px; color: #990000; font-weight: bold; }
#warning { color: #990000; font-size: 13px; font-weight: bold; }
#warningbig	{ font-size: 26px; color: #990000; font-weight: bold; }

.services { text-align: center; cursor: default; }
.services h1 { font-size: 14px; font-weight: bold; }
.services h1 a{ color: #363636; text-decoration: none; }
.services img{ margin-bottom: 8px; }
.services ul{ min-height: 150px; padding: 0; margin: 0; }
.services li{ list-style-type: none; display: block; text-align:center; padding: 5px 0 5px 0; }
.services a{ color: #48ACDE; text-decoration: none; }
.services a.active, .services li a:hover{ background-color: #FBFBFB; }
.category { float: left; width: 150px; min-height: 300px; border-right: 1px solid #CCC; display: block; }
.category_end { float: left; width: 150px; min-height: 300px; }

form{ padding: 0px; margin: 10px 10px; }
.compact { margin: 0px; }
p.ffields{ clear: left; width: 900px; padding: 10px 0px; margin: 0px auto; }
p.ffields1{ clear: left; width: 900px; padding: 3px 0px 10px 0px; margin: 0px auto; }
label{ width: 150px; padding: 0px 0px 0px 10px; float: left; font-size: 9pt; color: #333333; text-align: left; }
input{ font-size: 9pt; color: #333333; text-align: left; border:1px solid #999999; background-color:#FFF; }
input.file{ font-size: 9pt; color: #333333; text-align: left; border:1px solid #999999; background-color:#FFF; }
textarea{ font-size: 9pt; color: #333333; text-align: left; border:1px solid #999999;  width: 75%; background-color:#FFF; }
textarea.text{ font-size: 9pt; color: #333333; text-align: left; border:1px solid #999999; }
select.select{ font-size: 9pt; color: #333333; text-align: left; border:1px solid #999999; background-color:#FFF; }
form .submit{ font-size: 9pt; color: #333333; background-color:#F7F7F7; }
form .button{ font-size: 9pt; color: #333333; background-color:#F7F7F7; }

.cell_press { border: 1px solid #FFF; cursor: pointer; }
.cell_press:hover { background: #E7E7E7; border: 1px solid #000; }

.portfolio { width: 1000px; margin: auto; }
.row { border-bottom: 2px solid #CCC; padding: 15px; clear:both; }
.img { float:left; margin-right: 15px; border: 1px solid #333; }

/**************** MENU ***************/
.ddsmoothmenu{ padding: 0px; margin: 0px; font: normal 16px Arial; font-weight: bold; width: 100%; z-index: 90; }
.ddsmoothmenu ul{ z-index:100; margin: 0; padding: 0; list-style-type: none; }
.ddsmoothmenu ul li{ position: relative; display: inline; float: left; }
.ddsmoothmenu ul li a{ display: block; margin: 0px 5px 0px 5px; padding: 0px 5px 0px 5px; border-bottom: 2px solid #999; color: #333; text-decoration: none; line-height: 35px; width: 100px; text-align: center; }
.ddsmoothmenu ul li a.disabled{ color: #666666; }
* html .ddsmoothmenu ul li a{ display: inline-block; }
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{ color: #333; }
.ddsmoothmenu ul li a:link.disabled, .ddsmoothmenu ul li a:visited.disabled{ color: #666666; }
.ddsmoothmenu ul li a.selected{ background: #CCC; }
.ddsmoothmenu ul li a:hover{ background: #CCC; }
.ddsmoothmenu ul li ul{ position: absolute; left: 0; padding: 0px; margin: 0px 0px 0px 5px; display: none; visibility: hidden; background-color: #FFF; z-index: 100; }
.ddsmoothmenu ul li ul li{ display: list-item; float: none; }
.ddsmoothmenu ul li ul li ul{ top: 0; }
.ddsmoothmenu ul li ul li a{ font: normal 14px Arial; font-weight: bold; width: 175px; padding: 3px 5px; line-height: 25px; margin: 0; border-top-width: 0; border-bottom: 1px dotted #aaaaaa; text-align: left; }
.ddsmoothmenu ul li ul li a:hover{ background: #CCC; }
* html .ddsmoothmenu{height: 1%;}
.downarrowclass{ position: absolute; top: 8px; right: 7px; margin-right: 3px; }
.rightarrowclass{ position: absolute; top: 8px; right: 5px; margin-right: 3px; }
.ddshadow{ position: absolute; left: 0; top: 0; width: 0; height: 0; }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix { height:1%; } .clearfix { display:block; }

h1, h2, h3 { margin: 10px 0 10px 0; text-transform: lowercase; font-weight: normal; color: #333; }
h1 { letter-spacing: -1px; font-size: 32px; font-weight: bold; }
h2 { font-size: 20px; }

p, ul, ol { margin: 0 0 2em 0; text-align: justify; }

a:link { color: #48ACDE; }
a:hover, a:active { text-decoration: none; color: #48ACDE; }
a:visited { color: #48ACDE; }

img { border: none; }
img.left { float: left; margin-right: 15px; }
img.right { float: right; margin-left: 15px; }

#maincontainer_middle table{ margin: 5px 2px 5px 2px; background-color: #FFF; text-align:left; }
.table_topborder{ border-top: 1px solid #aaaaaa; }
.table_rowcell{ border-bottom: 1px solid #aaaaaa; }
.table tr td{ padding: 3px 3px; margin: 0px; border-bottom: 1px solid #aaaaaa; background-color: #FFF; }
.table tr.rowselect td{ background-color: #eeeeee; }
.table tr.rowselect:hover td{ background-color: #e1e5f1; cursor: pointer; }
.table tr.rowselect_normal td{ background-color: #eeeeee; }
.table tr.rownormal td{ background-color: #ffffff; cursor: pointer; }
.table tr.rownormal:hover td{ background-color: #e1e5f1; }
.table tr.rowshade_disabled td{ background-color: #FFF5F1; cursor: pointer; }
.table tr.rowshade_disabled:hover td{ background-color: #eeeeee; }
.table tr.rowshade_disabled_normal td{ background-color: #FFF5F1; }
.table tr.rowshade_blocked_normal td{ background-color: #F3F3F3; color: #CECECE; }
.table tr.blueshade td{ color: #ffffff; font-weight: bold; background: url('../images/template/tb_bg.png') repeat-x; height: 30px; line-height: 30px; padding: 0px 5px; }
.table tr.redshade td{ color: #ffffff; font-weight: bold; background: url('../images/template/tr_bg.png') repeat-x; height: 30px; line-height: 30px; padding: 0px 5px; }
.table tr.row_nobottomborder td{ border-bottom: none; }
.table td.row_blueshade { color: #ffffff; background-color: #274190; }
.table td.row_redshade { color: #ffffff; background-color: #B70009; }
.table tr.hide td{ display: none; }

/**************** TREEVIEW ***************/
.treeview_div { width: 175px; }
.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; }
.treeview ul { background-color: white; margin-top: 4px; }
.treeview .hitarea { background: url('../template/jquery/treeview/images/treeview-default.gif') -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; }
/* fix for IE6 */ * html .hitarea { display: inline; float:none; }
.treeview li { margin: 0; padding: 3px 0pt 3px 16px; }
.treeview a.selected { background-color: #eee; }
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: red; cursor: pointer; }
.treeview li { background: url('../template/jquery/treeview/images/treeview-default-line.gif') 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url('../template/jquery/treeview/images/treeview-default.gif'); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-red li { background-image: url('../template/jquery/treeview/images/treeview-red-line.gif'); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url('../template/jquery/treeview/images/treeview-red.gif'); } 
.treeview-black li { background-image: url('../template/jquery/treeview/images/treeview-black-line.gif'); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url('../template/jquery/treeview/images/treeview-black.gif'); }  
.treeview-gray li { background-image: url('../template/jquery/treeview/images/treeview-gray-line.gif'); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url('../template/jquery/treeview/images/treeview-gray.gif'); } 
.treeview-famfamfam li { background-image: url('../template/jquery/treeview/images/treeview-famfamfam-line.gif'); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url('../template/jquery/treeview/images/treeview-famfamfam.gif'); } 
.treeview .placeholder { background: url('../template/jquery/treeview/images/ajax-loader.gif') 0 0 no-repeat; height: 16px; width: 16px; display: block; }
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url('../template/jquery/treeview/images/folder.gif') 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url('../template/jquery/treeview/images/folder-closed.gif') 0 0 no-repeat; }
.filetree span.file { background: url('../template/jquery/treeview/images/file.gif') 0 0 no-repeat; }