html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

body{
background: url("images/head.jpg") repeat-x #e0e0e0;
font-family: verdana, arial;
font-size: 12px;
color:#000;
text-align:center;
}

#wrapper{
text-align:left;
margin: 0 auto;
width:980px;
position:relative;
}
#head{
position:relative;
height:110px;
z-index:1;
}

#orange{
position:absolute;
top:105px;
left:0;
right:0;
height:16px;
background: url("images/orange.png") repeat-x;
z-index:2;
}
#foot{
position:fixed;
bottom:0;
left:0;
right:0;
height:200px;
background: url("images/footer.png") repeat-x;
}
#foot div{
position:absolute;
bottom:22px;
left:250px;
width:251px;
height:28px;
background: url("images/footertab.png") no-repeat;
padding-top:4px;
color:#acacac;
}
#foot div a{
color:#eaa000;
padding-top:1em;
text-decoration:none;
}
#nav{
position:absolute;
display:block;
top:0;
right:0;
padding-top:30px;
}
#nav li{
float:left;
padding-top:40px;
margin-right:25px;
}
#nav li a{
color:#808080;
padding-top:40px;
text-decoration:none;
}
#nav li a#dashboard{background: url("images/nav/dash.png") no-repeat top center;}
#nav li a#settings{background: url("images/nav/settings.png") no-repeat top center;}
#nav li a#logout{background: url("images/nav/logout.png") no-repeat top center;}
#nav li a:hover{
color:#a0a0a0;
}
#logo{
margin-top:10px;
}
#body{
position:relative;
clear:both;
overflow:hidden;
z-index:1;
padding-bottom:25px;
}
.grid{
float:left;
background: url("images/grid.jpg") repeat-x #fff;
padding:15px;
margin-right:15px;
margin-bottom:35px;
border:1px solid #888;
border-top: 0;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px; 
-webkit-border-bottom-right-radius: 10px;
}
.grid.one{
width:94%;
margin-right:0;
}
.grid.two{
width:45%;
}
.grid.three{
width:28%;
}
.grid.blank{
background: none;
border:0;
}
.grid.largeright{
width:62%;
margin-right:0;
}
.grid.largeleft{
width:62%;
}
.grid.last{
margin-right:0;
}

h1{font-size:2.4em; font-weight:normal;font-family: Myriad Pro,verdana; margin-top:8px; margin-bottom:6px;}
h2{font-size:2.0em; font-weight:normal;font-family: Myriad Pro,verdana; margin-top:8px; margin-bottom:6px;}
h3{font-size:1.6em; font-weight:bold;font-family: Myriad Pro,verdana; margin-top:8px; margin-bottom:6px;}
h4{font-size:1.5em; font-weight:normal;font-family: Myriad Pro,verdana; margin-top:8px; margin-bottom:6px;}
h5{font-size:1.4em; font-weight:bold;font-family: Myriad Pro,verdana; margin-top:8px; margin-bottom:6px;}
h6{font-size:1.3em; font-weight:normal;font-family: Myriad Pro,verdana; margin-top:8px; margin-bottom:6px;}
h1#login{
font-size:0.01em;
text-indent:-99999em;
height:48px;
width:158px;
background: url("images/titles/login.png") no-repeat top center;
margin-left:45px;
margin-bottom:15px;
}
h1#pidgencoop{
font-size:0.01em;
text-indent:-99999em;
height:59px;
width:245px;
background: url("images/titles/pidgencoop.png") no-repeat top center;
margin-bottom:15px;
}
h1#settings{
font-size:0.01em;
text-indent:-99999em;
height:48px;
width:158px;
background: url("images/titles/settings.png") no-repeat top center;
margin-bottom:15px;
}
h1#myprojects{
font-size:0.01em;
text-indent:-99999em;
height:53px;
width:219px;
background: url("images/titles/myprojects.png") no-repeat top center;
margin-bottom:15px;
}
.headinghugger{
position:relative;
top:9px;
color:#b9b9b9;
}
a{
color:#00b7fa;
text-decoration:none;
}
a:hover{
color:#1594ff;
text-decoration:underline;
}
p{
margin-bottom:8px;
}
label{
font-size:1.2em;
font-weight:bold;
display:block;
margin-bottom:3px;
}
.settingsicon{
float:left;
margin-right:4px;
}
input[type="text"], input[type="password"], select, input[type="file"]{
padding: 4px;
font-size:1.4em;
height:26px;
width: 250px;
margin-bottom:8px;
}
textarea{
padding: 4px;
font-size: 1.4em;
font-family:verdana;
height:75px;
width:250px;
margin: 8px 0;
}
input[type="submit"]{
font-size:1.4em;
}
form{
margin: 8px 0;
}

.section{
border-top:1px solid #e2e2e2;
padding-top:8px;
margin-top:2em;
}
#fgpass{
font-size:0.8em;
position:relative;
bottom:6px;
}

.hide{
display:none;
}

.button {
				font-family: Verdana, Arial, sans-serif;
                display: inline-block;
                background: #459300 url('images/bg-button-blue.gif') top left repeat-x !important;
                border: 1px solid #459300 !important;
                padding: 4px 7px 4px 7px !important;
                color: #fff !important;
                font-size: 11px !important;
                cursor: pointer;
                }
                
.button:hover {
                text-decoration: underline;
                }
                
.button:active {
                padding: 5px 7px 3px 7px !important;
                }
				
a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}
				

.grid ul,
.grid ol {
                padding: 10px 0;
                }

/* Unordered List */

.grid ul li {
                background: url('images/icons/bullet_black.png') center left no-repeat;
                padding: 4px 0 4px 20px;
                }

/* Ordered List */

.grid ol {
                padding: 0 0 0 24px;
                }

.grid ol li {
                list-style: decimal;
                padding: 4px 0;
                }

.grid table {
                width: 100%;
                border-collapse: collapse;
                }
                
.grid table thead th {
				font-family: arial;
                font-weight: bold;
                
                border-bottom: 1px solid #ddd;
                }

.grid table a.handle{
font-size:1.1em;
text-decoration:none;
}				
.grid table a.handle:hover{
text-decoration:underline;
}
                
.grid tbody {
                border-bottom: 1px solid #ddd;
                }
                
.grid tbody tr {
                background: #fff;
                }
              
.grid tbody tr.alt-row {
                background: #f3f3f3;
                }
                
.grid table td,
.grid table th {
				font-family: arial;
                padding: 10px;
                line-height: 1.3em;
                }        
				
.grid table tfoot td .bulk-actions {
                padding: 15px 0 5px 0;
                }

				
.grid table tfoot td .bulk-actions select {
                padding: 4px;
				border: 1px solid #ccc;
                }      
.grid .smalltable{
width: 445px;
border:1px solid #ddd;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.shortcut-button {
                border: 1px solid #ccc;
                background: #f7f7f7 url('images/shortcut-button-bg.gif') top left no-repeat;
                display: block;
                width: 120px;
                margin: 0 0 20px 0;
                }

.shortcut-button span {
                border: 1px solid #fff;
                display:block;
                padding: 15px 10px 15px 10px;
                text-align: center;
                color: #555;
                font-size: 13px;
                line-height: 1.3em;
                }

.shortcut-button span img {
                margin-bottom: 10px;
                }

.shortcut-button:hover {
                background: #fff;
				
                }
				
.shortcut-button span:hover {
				color: #57a000; 
                }

ul.shortcut-buttons-set li {
                float: left;
                margin: 0 15px 0 0;
				padding: 0 !important;
				background: 0;
                }
.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
				-moz-border-radius: 6px;
                -webkit-border-radius: 6px;
				border-radius: 6px;
                }
                

.attention {
                background: #fffbcc url('images/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('images/icons/information.png') no-repeat;
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('images/icons/tick_circle.png');
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('images/icons/cross_circle.png');
                border-color: #df8f8f;
                color: #665252;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}
				
				
.content-box {
                border: 1px solid #ccc;
                margin: 0 0 20px 0;
                background: #fff;
                }

.content-box-header {
                background: #e5e5e5 url('images/bg-content-box.gif') top left repeat-x;
                margin-top: 1px;
                height: 40px;
                }

.content-box-header h3 {
				margin:0;
                padding: 12px 15px 10px;
                float: left;
                }

ul.content-box-tabs {
                float: right;
                padding: 12px 15px 0 0 !important;
				margin: 0 !important;
                }

ul.content-box-tabs li {
                float: left;
                margin: 0;
                padding: 0 !important;
                background-image: none !important;
                }
                
ul.content-box-tabs li a {
                color: #333;
                padding: 8px 10px;
                display: block;
                margin: 1px;
                border-bottom: 0;
                }

ul.content-box-tabs li a:hover {
                color: #57a000;
                }              
                
ul.content-box-tabs li a.current {
                background: #fff;
                border: 1px solid #ccc;
                border-bottom: 0;
                margin: 0;
                }

.content-box-content {
				position:relative;
                padding: 20px;
                font-size: 13px;
                border-top: 1px solid #ccc;
                }
.column-left {
                width: 48%;
                float: left;
                }
                
.column-right {
                width: 48%;
                float: right;
                }
.clear{
clear:both;
}
.clearup{
clear:both;
height:25px;
}
.cleardown{
clear:both;
}

#livepre{
background: url("images/livepreview.png") no-repeat;
height:108px;
width:115px;
position:absolute;
top:85px;
left:365px;
}
#livepre .close{
cursor: pointer;
font-size:10px;
position:relative;
left:84px;
top:2px;
color:#ccc;
}
.greyout{
color:#b8b8b8;
}
.notesdate{
font-size:10px;
color:#b0b0b0;
position:absolute;
top:6px;
right:6px;
}
.editablep{
height:95px;
font-size:8px;
}
.editablep textarea{
height:75px;
max-height:95px;
}
#uploadify{
display:none;
}
#fileQueue{
height:100px;
width:100%;
background:#fff;
border: 1px solid #e5e5e5;
margin-top:12px;
position:relative;
overflow:hidden;
}

.uploadifyQueueItem {
	font: 11px Verdana, Geneva, sans-serif;
	border: 2px solid #E5E5E5;
	background-color: #F5F5F5;
	margin-bottom: 2px;
	padding: 10px;
	width: 379px;
	position:relative;
}

.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #FFFFFF;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-right: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	width: 1px;
	height: 3px;
}

#projectfiles .item{
border-top: #ccc 1px solid; 
padding: 12px 0;
position:relative;
clear:both;
overflow:hidden;
}

#projectfiles .item a{
font-size:14px;
}
#projectfiles .item .del{
position:absolute;
top:5px;
right:5px;
cursor:pointer;
width: 16px;
height: 16px;
background: url("images/cancel.png") no-repeat;
font-size:0.1em;
text-indent:-999999em;
}

#projectfiles .item img{
max-height: 100px;
max-width: 100px;
float:left;
margin-right:12px;
}
#projectfiles .item span{
color:#888888;
display:block;
font-size:10px;
}
.overdue{
color: #ff0000;
font-weight:bold;
}
.strongrow{
font-weight:bold;
}
span.grey{
color:#666;
font-size:10px;
}