/* CSS Document */
/* PAGE BODY */
@import "input.css";
@import "default_table.css";

body { margin: 0 auto; padding: 0; font-family: verdana, arial, helvetica, sans-serif; color: #333; background-color: #e5e5e5; text-align: center; font-size:11px; } 
/* Make sure the table cells show the right font */
td { font-family: verdana, arial, helvetica, sans-serif; }


/* GLOBALS & GENERAL CASES */
input { padding: 3px; }
span.help { font-size: 10px; color: #666; } 
a {text-decoration: underline; padding: 1px; }
a:link { color: #03c; }
a:visited { color: #03c; }
a:hover { color: #fff; background-color: #30c; text-decoration: none; }
a.image:link, a.image:visited, a.image:hover { background: none; padding: 0; } 
a.image img { border: none; } 
span.admin { color: #999; font-size: 11px; font-weight: normal; } 
a.admin:link, a.admin:visited { color: #f00; font-family: verdana; font-size: 11px; font-weight: normal; } 
a.adminfull:link, a.adminfull:visited { color: #f00; font-weight: bold; text-decoration: underline; }
a.admin:hover, a.adminfull:hover { color: #fff; background: #f00; } 
a.black:link, a.black:visited { color: #000; } 
a.black:hover { color: #fff; background: #000; } 
a.anchor:link, a.anchor:visited, a.anchor:hover { color: #fff; background: #fff; font-size: 0px; text-decoration: none; padding: 0; } 
form { margin: 0; padding: 0; } 
p { font-size: 10px; line-height: 16px; }
p.submit, div.submit { color: #666; font-size: 11px; } 
p.submit input { vertical-align: middle; }
div.submit { border-top: 2px solid #000; padding: 8px 0 12px 0; text-align: center; } 
div.submit input { font-size: 14px; } 
small { font-size: 10px; line-height: 13px; } 
x-small { font-size: 9px; line-height: 11px; } 
blockquote { font-size: 11px; color: #666; margin: 20px; } 
ol, ul, li { margin: 0; padding: 0; } 
/* ul li { list-style-type: none; }  */
li { font-size: 11px; line-height: 13px; padding: 3px 0; } 
li img { padding-right: 3px; } 
h1 { font-family: "Times New Roman", verdana, arial, sans-serif; padding: 0; border-bottom: 0; margin: 0; color: #333; font-size: 14px; font-weight: bold; } 
h1.blankslate { background: #ff6; color: #000; margin-bottom: 10px; padding: 5px; margin-left: -5px; }
h1.blankslate a { color: #f00; }
h1.blankslate a:hover { background-color: #000; color: #fff; } 
p.blankslate { font-size: 14px; color: #000; padding: 5px; margin: 0 0 10px 0; }
p.blankslate strong { background: #ff6; } 
h2 { font-family: "Lucida Grande", arial, sans-serif; margin: 20px 0 5px 0px; color: #333; font-size: 14px; padding: 0; } 
h2.subheader { padding: 0 0 2px 0; margin: 15px 0 5px 0; font-size: 12px; border-bottom: 1px solid #000; color: #000; } 
h3 { margin: 20px 0 0 0; color: #666; font-family: "Lucida Grande", arial, sans-serif; font-size: 14px; padding: 0; } 
.smallnote { font-size: 10px; color: #999; font-weight: normal;	} 
.light { font-weight: normal; }
.lightgray { font-weight: normal; color: #666; font-size: 9px; } 
.lightgray a:link, .lightgray a:visited { color: #999; background: inherit; text-decoration: underline; } 
.lightgray a:hover { color: #fff; background: #000; } 
.smallgray { font-weight: normal; color: #666; font-size: 10px; } 
.smallgray a:link, .smallgray a:visited { color: #666; background: inherit; text-decoration: underline; } 
.smallgray a:hover { color: #fff; background: #000; } 
.highlight { background-color: #ffc; } 
td, th { padding: 3px; text-align: left; } 
.bigger { font-size: 12px; } 
.red { color: #c00; }
.blue { color: #06c; } 
.green { color: #390; } 
code, pre	{ font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace; background: inherit; color: #333; font-size: 80% } 
	/*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
* html code	{ font-size : 105%; } 
.PrivateMessage, .Privatetodo, .PrivateWriteboard { padding: 0px 0px 3px 0px; margin-bottom: 20px; } 
.PrivateMessage, .PrivateWriteboard { background: url(/graphics/simple/private-back-red.gif) #fff; } 
.PrivateWriteboard { margin-bottom: 0; padding: 10px; border-left: 5px solid #BC0001; } 
.ClientMessage { padding: 0px 0px 3px 0px; margin-bottom: 20px; } 
div.ClientMessage div.Post { margin-bottom: 0; padding-bottom: 0; padding-left: 10px; border-left: 5px solid green; } 
.Privatetodo { padding-top: 2px; padding-bottom: 10px; margin-top: 15px; padding-left: 10px; border-left: 5px solid #BC0001; background: url(/graphics/simple/private-back-red.gif) #fff; }
div.PrivateMessage div.Post { margin-bottom: 0; padding-bottom: 0; padding-left: 10px; border-left: 5px solid #BC0001; } 
img.privatebug { padding: 5px; } 
.fieldWithErrors { background: red; padding: 2px; } 
/* STRUCTURE */

div#Wrapper { padding: 0 23px 0 30px; margin: 0 ; } 
.Container { margin:0; text-align: left; min-width: 750px; } 
.ClearAll { padding: 0px; clear: both; font-size: 0px; } 
#ContentFrame, #DashContentFrame, .ContentFrame { margin: 0; padding: 0px 0; width: 100%; text-align: left; /*position: relative;*/ float: left; } 
table.layout { border-collapse: collapse; width: 100%; } 
table.layout td.left, table.layout td.right { vertical-align: top; padding: 0; } 
table.layout td.left { width: 70%; } 
table.layout td.right { width: 30%; } 
div.Left { margin: 0; padding: 0; text-align: left; width: 70%; float: left; } 
div.RightDash { width: 70%; /* was 75% */ text-align: left; margin: 0; padding: 0; /*position: absolute;*/ float: left; } 
div.Right { margin: 0px 0 0 0; padding: 0; text-align: left; /*position: absolute;*/ float: left; width: 30%; } 
table.layout td.left div.Left, table.layout td.right div.Right { width: auto; float: none; } 
div.LeftDash { margin: 0; padding: 0; text-align: left; width: 30%; /* was 25% */ float: left; } 
#Footer { clear: left; font-size: 9px; color: #666; margin: 4px 0 20px 20px; text-align: left; padding-bottom: 15px; } 
#Footer a:link, #Footer a:visited { color: #666; } #Footer a:hover { color: #fff; background: #666; }

/* HEADER */
#Header { /*width: 100%;*/ background: #036; padding: 1px 0 0 0; margin: 0; text-align: left; position: relative; }	
#Header h1 /* client name */ { padding: 0 0 10px 0; margin: 7px 0 0 30px; font-size: 20px; font-weight: normal; color: #fc0; text-align: left; }	
#Header h1 span /* project name */ { /*padding: 0 0 7px 0; margin: 0 0 5px 32px;*/ font-size: 16px; font-weight: normal; color: #fff; border: none; font-family: "Lucida Grande", arial, sans-serif; }	
#Header h3 { padding: 0 30px 0 32px; margin: 7px 0 0 0; font-size: 9px; font-weight: normal; font-family: verdana; text-align: left; } 
#Header h3.global { position: relative; float: right; text-align: right; width: 300px; }
#Header h3 span#floatright { text-align: right; width: 300px; position: relative; float: right; }
#Header h3 a.current { font-weight: bold; text-decoration: none; } 
#fresh_all h2 { padding: 0 0 2px 0; margin: 0; border-bottom: 1px dotted #ccc; }

/* TABS */

#Tabs { margin: 0 0 0 30px; height: 25px; padding: 0; } 
#Tabs ul { margin: 0; padding: 0; } 
#Tabs li { margin: 0px; padding: 0px; margin-right:5px; display: inline; list-style: none; border: none; } 
#Tabs ul#MainTabs { } 
div#Tabs a:link, div#Tabs a:visited { text-decoration: none; } 
#Tabs a:hover { color: #fff; background: #333; } 
#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited { float: left; /* for IE6 */ font-size: 12px; font-weight: normal; padding: 4px 8px 6px 8px; margin: 0; } 
#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current { background: #e5e5e5 url(/graphics/simple/tab-bg.gif) top repeat-x; border-bottom: 1px solid #e5e5e5; color: #222; font-weight: bold; text-decoration: none; margin: 0; }

/* SECTION HEADER */

.SectionHeader { padding-top: 0px; margin: 0 0 30px 0; } 
div.Left .SectionHeader, div.Full .SectionHeader { text-align: center; } 
.dashboard .Left .SectionHeader { /* latest activity */ margin-bottom: 10px; } 
.dashboard .Left .col, .overview .Left .col { padding-right: 28px; } 
.dashboard .Right .SectionHeader { /* Your Projects */ margin-bottom: 20px; } 
span.SectionDescription { font-weight: normal; color: #666; }
.SectionHeader h1 /* title of the page */ { padding-bottom: 2px; border-bottom: 1px solid #666; margin: 0; font-size: 16px; color: #000; } 
.ContextHeader { text-align: center; margin: 0 0 15px 0; } 
.ContextHeader h1 { margin: 0; padding-bottom: 2px; border-bottom: 1px solid #666; font-size: 16px; color: #000; font-size: 12px; } 
.ContextHeader h1 span.private { color: #fff; background: #BC0000; font-weight: normal; padding: 0 3px; } 
.ContextHeader h1 a { font-weight: normal; font-style: italic; } 
.SectionHeader h3, .ContextHeader h3 { font-family: verdana; padding: 2px 0 0 0; margin: 0; font-size: 10px; font-weight: normal; color: #666; } 
.SectionHeader h3 img { vertical-align: middle; } 
.SectionHeader div.ActionButton { background: #fff; border-top: none; float: right; padding: 3px 0 0 0; margin: 0; } 
.SectionHeader div.ActionButton { font-size: 10px; }


/* Notice */

#Notice { text-align: left; border: 1px solid #ccc; padding: 5px 5px 5px 30px; font-size: 14px; margin: 0 auto 12px auto; margin-right: 7px; } 
.login #Notice { margin-top: 12px; font-size: 12px; } 
#Notice.on { border-color: #9c9; color: #060; background: url(/graphics/simple/alertgood_icon.gif) #E2F9E3 left no-repeat; }
#Notice.off { border-color: #c99; color: #fff; background: url(/graphics/simple/alertbad_icon.gif) #c00 left no-repeat; }

/* CUSTOM FORM ELEMENTS */

/* Big text input for to-do list titles */
input.big { font-size: 16px; font-weight: bold; width: 485px; padding: 1px; margin: 0 0 10px 0; } 
input.todoitem { padding: 3px; font-size: 12px; width: 485px; } 
textarea.todoitem { padding: 3px; font-size: 14px; width: 485px; margin: 0 5px 3px 0; } 
div.FormSubBlock textarea { padding: 3px; font-size: 12px; } 
.FormBlock table#items td select { width: 150px; margin-bottom: 5px; } 
.FormBlock table#items td a.admin { font-size: 9px; } 
/* SETTINGS TAB and SUBNAV */

ul#Tabs li a#settings { margin-left: 10px; } 
div.settingsnav { text-align: center; clear: both; color: #999; font-size: 12px; margin: 0px 0 20px 0; } 
div.settingsnav strong { color: #000; }


/* NEW FOR PROPORTIONAL WIDTH VERSION */

.col { padding: 0 20px; text-align: left; } 
div.Left .col, div.Full .col { padding: 15px 50px 10px 20px; background: #fff url(/graphics/simple/right-bg.gif) right repeat-y; position: relative; }
div.Full .col { padding: 15px 30px 10px 20px; } 
div.Left .bottom, div.Full .bottom, div.RightDash .bottom { background: url(/graphics/simple/bottom-bg.gif) top right no-repeat; font-size: 8px; }
div.Right .col { min-width: 200px; padding: 0 0 0 9px; } 
div.LeftDash .col { padding: 0 20px; } 
div.RightDash .col { padding: 0 30px 0 20px; background: #fff url(/graphics/simple/right-bg.gif) right repeat-y; }

/* user login */

.login div.Container { width: 600px; margin: 60px auto 20px auto; min-width: inherit; } 
.login h1 { margin-bottom: 20px; } 
.login dl { margin: 10px 0 0 0; } 
.login p { margin: 10px 0 0 0; }
.login dt { float: left; width: 80px; font-size: 12px; line-height: 24px; } 
.login dd { margin: 0 0 5px 90px; font-size: 11px; line-height: 24px; color: #666; margin-left: 80px; }
.login input { font-size: 12px; } 
.login dd span { color: #ccc; } 
.login div#Dialog { border: 10px solid #009ACE; padding: 15px 20px 10px 20px; text-align: left; background: #fff; }

/* FIELDSET */

fieldset { padding: 10px; margin-bottom: 15px; border: 1px solid #999; } 
fieldset p { font-size: 11px; margin: 0 0 5px 0; padding: 0; color: #666; } 
fieldset legend { font-size: 12px; font-weight: bold; color: #874c00; } 
fieldset legend span { color: #666; font-weight: normal; font-size: 80%; }


  a:link, a:visited {    color: #03c;  }
  a:hover {    color: #fff;    background-color: #03c;  }
  #Header {    background-color: #036;  }
  #Header h1 {    color: #fc0;  }
  #Header h3, #Header h3 a:link, #Header h3 a:visited {    color: #fff;  }
  #Header h3 a:hover {    color: #fff;    background-color: #1D64AD;  }
  #Header h3 a.current:link, #Header h3 a.current:visited {    color: #fc0;  }
  #Header h3 a.current:hover {    color: #fc0;    background-color: #036;  }
  #Header h1 a:link, #Header h1 a:visited {    color: #fc0;    text-decoration: none;  }
  #Header h1 a:hover {    color: #fc0;    background-color: #036;    text-decoration: underline;  }
  #Header h1 span {    color: #fff;  }
  #Tabs a:link, #Tabs a:visited {    background-color: #1A4F85;    color: #fff;    border: 1px solid #036;    border-bottom: 1px solid #1A4F85;  }
  #Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current,  div#CategoryList a.current:link, div#CategoryList a.current:visited {    color: #090;  }
  #Tabs a:hover {    color: #fff;    background-color: #1D64AD;    border-bottom: 1px solid #1D64AD;  }