/*---------------------------------------
| Global Style Sheet for ZURB Extranet  |
| Copyright (c) 2004 ZURB               |
---------------------------------------*/


/* Standard Selectors */
body {
     margin: 0px;
     padding: 0px;
     color: #000000;
     font-size:13px;
     line-height:125%;
     font-weight:normal;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     background-color: #FFFFFF;
}

p { font-size:13px; line-height:125%; font-weight:normal;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding:0px 0px 10px 0px; margin:0; }

h1{ font-size:21px; line-height:150%; font-weight:bold;
    font-family:Helvetica, Verdana, Arial, sans-serif;
    padding:5px 0px 10px 0px; margin:0; }

h2{ font-size:16px; line-height:125%; font-weight:bold;
    font-family:Helvetica, Verdana, Arial, sans-serif;
    padding:5px 0px  5px 0px; margin:0; }

h3{ font-size:14px; line-height:125%; font-weight:bold;
    font-family:Helvetica, Verdana, Arial, sans-serif;
    padding:5px 0px  0px 0px; margin:0; }

h4{ font-size:13px; line-height:125%; font-weight:bold;
    font-family:Helvetica, Verdana, Arial, sans-serif;
    padding:0px 0px  0px 0px; margin:0; }

h5{ /* concluding paragraph*/
    font-size:16px; line-height:125%; font-weight:bold;
    font-family:Helvetica, Verdana, Arial, sans-serif;
    padding:5px 0px  5px 0px; margin:0; }


img      { border:0px; }
li       { font-weight: normal;}
ul       { margin: 5px 0px 10px 10px; padding:0 }
ol       { margin: 5px 0px 10px 30px; padding:0 }
ul li    { list-style-type: none;}
ol li    { vertical-align:middle;}
table    { border-collapse:collapse; margin-bottom:10px; border-color:#dddddd; border-style:solid; border-width:0; }
table.full  { width:100%; }
th       { font: bold 100%/125% Helvetica, Arial, sans-serif; text-align: left; margin:0; padding:0;}
tr       { vertical-align: top; }
td       { padding:0px; }
form     { margin:0; padding:0; }
input    { margin:0; padding:0; }
textarea { margin:0; padding:0; font-family:Arial;}
select   { margin:0; padding:0; }
caption  { font: normal 175%/125% Helvetica, Arial, sans-serif; text-align: left; }
hr		 { height:1px; color:#CCC; background-color:#CCC; border:none; }


/* Custom Selectors */
div.form { margin-top:15px; }
div.form label, div.form input, div.form textarea, div.form field { display: block; width: 500px; float: left; margin-bottom: 10px; }
div.form input.radio { display: inline; width:20px; float: none; margin: 0px; padding:0; }
div.form label { text-align: right; width: 125px; padding-right: 20px; font-weight:bold;}
div.form br { clear: left; }
div.form input.button { display:inline; width: 100px; margin-right:10px;}
div.form textarea.textarea_edit{ height:200px; }
div.form textarea.textarea_add { height:100px; }

p.intro    { font-style:italic;}
p.question { font-weight:bold; padding-top: 15px;}
.normal    { font-weight:normal;}
#sysmessage { margin:15px 0 0 0; background:#f1f1f1; padding-top:3px; }
#sysmessage ul li { font-weight:bold; }
th a { color:#000000; }

.date       { font-size: 85%; }

img.left	{ float:left; padding-right:0.5em; }


/* Background */

#background{ position:absolute; width:100%; height:97px; margin:0; padding:0; top: 0px; left:0px; background-color:#EAEAEA; }
    div#bg_gray                { position:absolute; width:100%; top: 0px; left:0px; height:63px; background-color:#EAEAEA; margin:0; padding:0; }

    div#bg_dark_home           { position:absolute; width:100%; top:63px; left:0px; height: 7px; background-color:#3D8FFE; margin:0; padding:0; }
    div#bg_light_home          { position:absolute; width:100%; top:70px; left:0px; height:27px; background-color:#9AC5FE; margin:0; padding:0; }

    div#bg_dark_projects       { position:absolute; width:100%; top:63px; left:0px; height: 7px; background-color:#3D8FFE; margin:0; padding:0; }
    div#bg_light_projects      { position:absolute; width:100%; top:70px; left:0px; height:27px; background-color:#9AC5FE; margin:0; padding:0; }

    div#bg_dark_calendar       { position:absolute; width:100%; top:63px; left:0px; height: 7px; background-color:#C1E301; margin:0; padding:0; }
    div#bg_light_calendar      { position:absolute; width:100%; top:70px; left:0px; height:27px; background-color:#E6FC67; margin:0; padding:0; }

    div#bg_dark_communication  { position:absolute; width:100%; top:63px; left:0px; height: 7px; background-color:#E6026D; margin:0; padding:0; }
    div#bg_light_communication { position:absolute; width:100%; top:70px; left:0px; height:27px; background-color:#FD5EA9; margin:0; padding:0; }

    div#bg_dark_contact        { position:absolute; width:100%; top:63px; left:0px; height: 7px; background-color:#FEEF03; margin:0; padding:0; }
    div#bg_light_contact       { position:absolute; width:100%; top:70px; left:0px; height:27px; background-color:#FFFA7C; margin:0; padding:0; }

    div#bg_dark_tasks          { position:absolute; width:100%; top:63px; left:0px; height: 7px; background-color:#E6026D; margin:0; padding:0; }
    div#bg_light_tasks         { position:absolute; width:100%; top:70px; left:0px; height:27px; background-color:#FD5EA9; margin:0; padding:0; }


/* Header */
#header { 
	position: relative; 
	top: 0; 
	width:100%; 
	height:110px; 
	margin: 0 auto; 
}

    /* Titles */
    #title_container    { position:absolute; width:100%; top:20px; }
    #header p           { margin:0; }
    #client             { font-weight: bold; }
    #subtitle           { font-weight: normal;}
    #url                { font-size: 0.8em; }
    #url a              { text-decoration:none; color:#000000;}

    /* Tabbed Nav List */
    #nav_container      { position:absolute; top:39px; right: 0; text-align:right; padding: 0px; margin: 0px; }
    #nav_list           { float:right; padding: 3px 0px 5px 0px; margin: 0px; }
    #nav_list li        { list-style: none; margin: 0px; padding: 0px; display: inline; }
    #nav_list li a      { padding: 0.4em 1em; margin: 0px; background: #FFFFFF; text-decoration: none; color: #000000; }
    #nav_list li               a:hover  { background: #CCCCCC; }
    #nav_list li#home          a#active { background: #FBB328; }
    #nav_list li#projects      a#active { background: #3D8FFE; }
    #nav_list li#tasks         a#active { background: #C1E301; }
    #nav_list li#calendar      a#active { background: #C1E301; }
    #nav_list li#communication a#active { background: #E6026D; }
    #nav_list li#history       a#active { background: #E6026D; }
    #nav_list li#contact       a#active { background: #FEEF03; }

    /* Breadcrumbs */
    #breadcrumbs_container  { position:absolute; top:63px; width:100%; clear: both; text-align:left; padding: 0px; margin: 0px; height: 34px; }
    ul#breadcrumbs_list     { float:left; margin: 10px 0px 5px 0px; padding: 0px; white-space: nowrap; }
    #breadcrumbs_list li    { display: inline; list-style-type: none; padding-right: 2px; font-size:0.8em; }
    #breadcrumbs_list a:link, #breadcrumbs_list a:visited { color: #000000; text-decoration: underline; }


/* Body */
#body      { position:relative; width:100%; margin: 0px auto 0px auto; }
    #box       { position:relative; width:150px; height:447px; margin:  0px 0px 0px 0px; float:left;}
    #content   { position:relative; width:940px; margin: 0px auto 0px 30px; float:left; }
    #content p { }


/* Footer */
#footer    { position:relative; width:740px; margin: 0px auto 0px auto; clear:both;}
    #footer p   { font-size: 0.8em; color: #000000; margin:0px; }
    #footer a   { color: #000000; }
    p#identity   { float:left;  font-size: 0.8em; color: #000000; margin:0px; padding:20px 0 10px 0px;}
    p#identityCal{ float:left;  font-size: 0.8em; color: #000000; margin:0px; padding:20px 0 10px 0px;}
    p#legal      { float:right; font-size: 0.8em; color: #000000; margin:0px; padding:20px 0 10px 0px;}



/* Communication Page */
h2.comm_date      { font-size: 1em; margin:0px; padding:0px; display:inline;}
img.comm_divider  { width:1px; height:15px; vertical-align:-20%; margin:0 5px 0 10px;}
img.comm_task     { width:15px; height:15px; vertical-align:-5%;}
p.comm_text       { width:450px; margin-bottom: 15px;}

/* News Page */
h2.news_date      { font-size: 1em; margin:0px; padding:0px; display:inline;}
img.news_divider  { width:1px; height:15px; vertical-align:-20%; margin:0 5px 0 10px;}
img.news_task     { width:15px; height:15px; vertical-align:-5%;}
p.news_text       { width:450px; margin-bottom: 15px;}

/* Contacts Page */
table#contacts    { width:500px; }
td#zurb           { width:250px; }
td#client         { width:250px; }

/* Calendar Page */
#dropdownmenu    { float:right; position:absolute; right:0;}



/* Projects Pages */
.icon { vertical-align:text-bottom;}

/* Sidenav */
ul.sections        { margin-left: 20px; padding-left:0px; margin-bottom: 5px;}
ul.pages           { margin-left: 5px; padding-left:0px; margin-bottom: 10px;}
li.section         { margin-left: 0px; padding-left:0px; margin-bottom: 5px; font: bold 0.9em/125% inherit; list-style-image: url('http://www.zurb.com/global/images/folder1_gray.gif');}
li.sectionActive   { margin-left: 0px; padding-left:0px; margin-bottom: 5px; font: bold 0.9em/125% inherit; list-style-image: url('http://www.zurb.com/global/images/folder1.gif');}
li.sectionOpen     { margin-left: 0px; padding-left:0px; margin-bottom: 5px; font: bold 0.9em/125% inherit; list-style-image: url('http://www.zurb.com/global/images/folder2.gif');}
li.page            { margin-left: 0px; padding-left:0px; margin-top: 1px; font: normal 0.8em/125% inherit; list-style-image: url('http://www.zurb.com/global/images/icon_paper.gif');}
li.pageOpen        { margin-left: 0px; padding-left:0px; margin-top: 1px; color:red; font-weight:bold; line-height:125%; list-style-image: url('http://www.zurb.com/global/images/icon_paper_red.gif'); }
li.pageBlank       { margin-left: 0px; padding-left:0px; margin-top: 1px; font: normal 0.8em/125% inherit; list-style-image: none; }

#sidebar_divider   { width:1px; height:447px; float:right;}


/* Tasks Page */
div#view    { padding:10px; background:#f1f1f1; width:550px;}
p#description { }
div.form input.hidden { display:none;}


    /* Tabbed Subnav List */
    #subnavlist            { position: relative; width: 100%; height: 24px;
                          margin: 15px 0 10px 0; padding: 0 0 0 15px; border-bottom: 2px solid #FD89C0; white-space: nowrap; }
    #subnavlist li         { float: left; margin: 0 0 0 2px; list-style-type: none;
                          border-width: 1px 1px 0 1px; border-style: solid; border-color: #ccc #8B7E8A #faa #ccc; }
    #subnavlist li a       { position: relative; width: 6em; display: block; margin: 0; padding: 4px 0.5em;
                          border-width: 1px 1px 0 1px; border-style: solid; border-color: #FDD0E5; background-color: #FDD0E5; color: #000000;
                          font: bold 1.0em/120% Arial, Helvetica, Verdana, sans-serif; text-align: center; text-decoration: none; }
    #subnavlist li a:hover { text-decoration: underline; }
    #subnavlist li#active a
                        { font-weight: bold; background-color: #FD89C0; color: #000000; border-color: #FDC3DF #AB4075 #FD89C0 #FDC3DF; text-decoration: none;  }
    #subnavlist li#active a:hover { color: #000000; }