﻿/* 
    CSS Design by Paperheads (www.paperheads.co.uk) 
*/

input.text,input.textbox, select, textarea      {font-family:Arial;font-size:10px;color:#666665;padding:2px;border:1px solid #C6C7C8;}

/* Template Styles */

body                         {font-family:Arial;font-size:0.75em;background-color:#222222;color:#dadada;margin:32px 16px 16px 32px}
img                          {border:0;}
h1, h2                       {display:none;}
h3                           {margin:5px 0 10px 0;padding:0px;}
h1,h2,h3,h4,h5,h6            {clear:both;}
b                            {color:#00b8eb;font-weight:normal;}
a                            {color:#00b8eb;text-decoration:none;}
a:hover                      {color:#707070;}
p                            {padding:0px;margin:0px;}
pre                          {font-size:1.2em;}
ul                           {padding:0;margin:0;list-style:none;}
li                           {padding:0 0 0 10px;margin:0;background:url(images/dot.gif) no-repeat left 5px;}

a.left                       {width:16px;height:16px;float:left;background:url(images/left.gif) no-repeat 1px 1px;}
a.left_over                  {width:16px;height:16px;float:left;background:url(images/left_over.gif) no-repeat 1px 1px;}
a.right                      {width:16px;height:16px;float:left;background:url(images/right.gif) no-repeat 1px 1px;}
a.right_over                 {width:16px;height:16px;float:left;background:url(images/right_over.gif) no-repeat 1px 1px;}
a.next                       {height:16px;color:#00b8eb;padding-right:20px;float:left;background:url(images/right.gif) no-repeat right 1px;}
a.next_over                  {height:16px;color:#00b8eb;padding-right:20px;float:left;background:url(images/right_over.gif) no-repeat right 1px;}

#main                        {clear:both;width:865px;padding:0;margin:0;}
#head                        {clear:both;padding:0 0 29px 0;background: url(images/menuline.gif) no-repeat bottom left;}
#head ul                     {padding:0;margin:0;list-style:none;}
#head ul li                  {padding:16px 10px 0 0;margin:0;float:left;background:none;}
#logo                        {float:right;}

#body                        {clear:both;padding:1px 0 48px 0;}
#foot                        {clear:both;padding:5px 0 0 0;background: url(images/bottomline.gif) no-repeat top left;font-size:0.9em;color:#505050;}
#title                       {clear:both;margin:0 0 32px 0;height:32px;background: url(images/bottomline.gif) no-repeat bottom left;}
.proj_next                   {clear:both;margin:16px 0 0 0;height:16px;float:right;}

.filter_on					 {padding-left:16px;background:url(images/filterl_on.gif) no-repeat left 2px;}
.filter_off					 {padding-left:16px;background:url(images/filterl_off.gif) no-repeat left 2px;}

.project                     {position:relative;float:left;margin:0 1px 1px 0;padding:0;width:215px;height:143px;z-index:1;overflow:hidden;}
.project img                 {padding:0;margin:0;width:215px;height:143px;}
.project a                   {padding:0;margin:0;}
.project .hover              {position:absolute;bottom:8px;left:8px;padding:8px;width:183px;height:26px;background:#FFFFFF;color:#222222;display:none;}
.project:hover .hover        {display:block;}

#filter                      {position:absolute;top:0px;left:0px;width:195px;background-color:#222222;padding:10px;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;z-index:20;}
#filter a                    {color:#ffffff;}
#filter a.selected           {color:#00b8eb;}
#filter .filter_on           {padding-left:16px;background:url(images/filter_on.gif) no-repeat left 4px;}
#filter .filter_off          {padding-left:16px;background:url(images/filter_off.gif) no-repeat left 4px;}
#filter ul                   {padding:0;margin:0 0 8px 16px;}
#filter ul li                {margin:1px 0 1px 0;padding:0;background:none;}

#ctl00_oAdminMenu            {clear:both;position:absolute;top:70px;left:915px;width:200px;}
 
.submenu                     {margin:0;padding:0;list-style:none;}
.submenu li                  {margin:16px 8px 0 0;padding:0;float:left;}
.submenu li a                {color:#00b8eb;background-color:#222222;padding:1px 3px 1px 3px;}
.submenu li.selected a       {color:#222222;background-color:#00b8eb;}

.spacer                      {clear:both;height:16px;}

.menu .t                     {background:url(images/menut.gif) no-repeat;padding:8px;color:#FFFFFF;height:14px;font-weight:bold;}
.menu .c                     {background:url(images/menuc.gif) repeat-y ;padding:12px 8px 12px 8px;}
.menu .b                     {background:url(images/menub.gif) no-repeat;height:24px;}
.menu ul                     {margin:0px;padding:0px;list-style:none;}
.menu li                     {margin:0px;padding:1px 0px 1px 18px;background:url(images/arrow.gif) no-repeat 0px 3px;}
.menu a:hover                {color:#333333;}

.menu .link                  {display:block;width:200px;height:60px;overflow:hidden;color:#444444;font-size:0.9em;background-color:Transparent;}
.menu .link img              {float:right;padding:1px 0 2px 10px;width:68px;height:57px;}
.menu .link b                {display:block;width:122px;padding-bottom:3px;font-size:1.1em;}
.menu hr                     {border:none;border-bottom:1px solid #DDDDDD;}

#sitemap .item               {float:left;padding:0px 10px 20px 0px;width:230px;}

#projectImages               {position:relative;height:400px;width:865px;white-space:nowrap;overflow:hidden;}
#projectImages div           {position:absolute;top:0px;left:0px;white-space:nowrap;}

/* CMS Styles */

.preview                     {padding-top:10px !important;}

.Grid th                     {padding:4px;border-bottom:1px solid #00b8eb;color:#00b8eb;}
.Grid td                     {padding:4px;border-bottom:1px solid #303030;}
.Grid td.ChkBox              {padding:0px}

.TblFooter                   {position:relative;clear:both;height:20px;padding:5px 0px 3px 0px;border-top:1px solid #00b8eb;}
.TblFooter .center           {position:absolute;z-index:0;top:5px;left:0px;width:100%;text-align:center;}
.TblFooter .left             {position:absolute;z-index:1;top:5px;left:0px;}
.TblFooter .right            {position:absolute;z-index:1;top:5px;right:0px;}

.btn                         {padding:1px 5px 1px 18px;background:url(images/arrow.gif) no-repeat 0px 3px;}
.clr                         {clear:both;}

.Dialog                      {margin-left:auto;margin-right:auto;width:400px;}
.DialogHeader                {padding:4px;border-bottom:1px solid #00b8eb;color:#00b8eb;font-weight:normal;}
.DialogContent               {padding:10px 0px 10px 0px;border-bottom:1px solid #DDDDDD;}

.progress                    {height:6px;border:1px solid #00b8eb;padding:4px;width:390px;}
.progress div div            {height:6px;background-color:#00b8eb;}

.error                       {text-align:center;color:Red;font-weight:bold;padding:5px;}