/* CSS Document */
/*** R E S E T ***/
/*reset styles, to get rid of browser-specific styling of elements*/
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, 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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

:focus{outline:0;}/* remember to define focus styles! CS - need to determine what this should be*/
body{font:normal .75em/1.5em Arial, Helvetica, sans-serif;}
ol, ul{list-style:none;}

table{border-collapse:collapse;border-spacing:0;}/* tables still need 'cellspacing="0"' in the markup */
caption, th, td{text-align:left;font-weight:normal;}
/*CS - not sure what these do and if we need them, but leaving them in for now*/
blockquote:before, blockquote:after, q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}

/*the following headers are used to give heirarchy to the page*/
h1, h2, h3, h4, h5, h6{}
h1{font-size:1.7em;font-weight:normal;line-height:1.2em}/*page header*/
h2{font-size:1.2em;font-weight:bold}/*section headers*/
h3{font-size:1.1em;font-weight:bold}/*subsection headers*/
h4{font-size:1.1em;font-weight:bold}/*entry titles*/	
h5{font-size:1.1em;font-weight:bold}
h6{font-size:1em}
img{border:0;vertical-align:middle}
pre{font-family:"Courier New", Courier, monospace;}
/*internal link (default link style)*/
a:link, a:visited{text-decoration:none;border-bottom-width:1px;}
a:hover, a:focus, a:active{text-decoration:underline;}

strong{font-weight:bold}
/***********************************************************/

/*link default styles*/
/*link hover styles*/
.tags a, a.tag, a.myLink, a.person{border:1px solid transparent}/*this keeps UI from jumping when links are rolled over*/
.tags a:hover, .tags a:focus, a.tag:hover, a.tag:focus, a.person:hover, a.person:focus{text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted}
a.myLink:hover, a.myLink:focus, .myLinks a:hover, .myLinks a:focus{text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted;}
/*single and group action links*/
/*this is to provide a class for overriding link colors in groups of links to indicate that the link is an action link (like the "Tag this" link in a tag group*/
a.action, a.action:visited{text-decoration:underline !important;border-bottom:0 !important;}
a.action:hover, a.action:focus, .actions a:hover, .actions a:focus, .tags a.action:hover, .tags a.action:focus {text-decoration:underline !important;border-bottom:0 !important;}
/*to assign an icon to an action link, you need to assign a unique id to the link and give it a background image.  The rest of the code is in this css declaration*/
.actions a, .actions a:visited{text-decoration:underline;border-bottom:0}
a.dropDown, a.dropDown:visited, a.dropDown:active{padding-right:14px;background-position:right center ;background-repeat:no-repeat;}
.icon a{padding-left:18px;background-position:left center;background-repeat:no-repeat}

/*general alignment styles*/
.indent10 {padding-left:10px;}
.indent15 {padding-left:15px;}
.indent20 {padding-left:20px}
.indent30 {padding-left:30px}
.indent40 {padding-left:40px;}
.indent50 {padding-left:50px}
.indent60 {padding-left:60px;}
.indent70 {padding-left:70px;}
.indent80 {padding-left:80px;}
.indent90 {padding-left:90px;}
.indent100 {padding-left:100px;}
.left{float:left;text-align:left;}
.right{float:right;text-align:right;}
.center {text-align:center;}
.clear {clear:both}
.clearLeft {clear:left}
.clearRight {clear:right}
.alignRight{text-align:right;}
.alignLeft{text-align:left;}
.hidden{display:none} /*hides from visual UI but not from screen readers*/
.nudge{} /*use this general class name with specific qualifiers when you need to adjust the position of a specific item (see entry class in this stylesheet for an example)*/
.tiny{font-size:.9em}
.nowrap{white-space:nowrap}

/*general list styles*/
.inlinelist{margin:0;padding:0}
.inlinelist li{display:inline;margin:0;padding:0 7px;border-left:1px solid #ccc;}
.inlinelist li.first{margin-left:0;padding-left:0;border-left-width:0;}
.inlinelist li.first, .inlinelist li.last{padding-left:0;border-left-width:0;}

/*** S T R U C T U R E ***/
.frame{margin:0 auto;padding:0;min-width:950px;}
.titleBar{margin:0 10px}
.main, .footer{border-style:solid;clear:both;margin:0 10px 10px 10px;overflow:hidden}
.main{padding:0 0 5px 0;min-height:400px;-moz-border-radius:0 0 4px 4px;border-width:0 1px 1px 1px;}
.footer{padding:10px;border-width:1px;-moz-border-radius:4px;}
.colLeft{float:left;width:180px;padding:15px 10px 10px 10px;}
.colRight{float:right;width:200px;padding:15px 10px;}
.colRight h2{padding-left:10px}
.colLeft .first, .colRight .first{margin-top:0;}
.content{padding:16px 1px 20px 10px;overflow:hidden; /*this sets a new block formatting context, which keeps the center content separate from the floated divs.  This allows us to clear floats in the center.*/margin-right:auto;margin-left:auto;/*bidi bug fixes for Firefox*/}
/***********************************************************/

/*** C S S   S P R I T E S ***/
/*individual sprites are located in the themes files*/
.sprite{background-repeat:no-repeat;float:left;display:block;}
/***********************************************************/

/*** B A N N E R ***/
.banner{padding:3px 15px;text-align:right;overflow:hidden}
.banner .logo{float:left;}
.banner ul{float:right;margin-top:5px}		
.banner ul.links{float:left;padding-left:20px}
.banner ul li{font-size:.9em;padding:0 10px;}
.banner ul.links li{}
.banner ul li a{text-decoration:none;}
.banner ul li.selected a{font-weight:bold}
/***********************************************************/

/*** B U T T O N S ***/
/*graphic button, set width*/
.button{margin-bottom:10px;border-width:1px;border-style:solid;text-align:center}
.button a{display:block;background-position:bottom left;background-repeat:repeat-x;border-width:0 1px 1px 1px;border-style:solid;text-decoration:none;cursor:pointer;padding:10px 5px;font-size:1.3em;font-weight:bold}
.button a:hover{}	
.btnContainer{float:left;word-wrap:nowrap;margin-bottom:3px}
.shadow, span.btn{display:table;text-align:center}
span.btn a{display:block;font-weight:bold}
.shadow{margin:4px;}
.shadow span.btn{position:relative;left:-1px;top:-2px;}
span.btn{border-width:1px;border-style:solid;margin-right:5px}
span.btn a{border-width:1px;border-style:solid;background-position:bottom left;background-repeat:repeat-x;padding:3px 5px;text-decoration:none;white-space:nowrap}
span.btn a:hover, .btnContainer span.btn a:focus{border-width:1px;border-style:solid;}
.colLeft .button, .colLeft .btn{width:98%;}
* html span.btn a{padding:5px 5px}
* html span.btnAction a{padding:3px 5px}

/***********************************************************/

/*** F O O T E R **/
.footer{font-size:.9em;}
.footer p{line-height:1.3em}
.footer li{white-space:nowrap}
.footer th, .footer td{border-right-width:1px;border-style:solid}
.footer th.last, .footer td.last{border-width:0}
.footer th{width:20%;padding:10px;font-weight:bold;font-size:1.1em}
.footer td{padding:0 50px 10px 10px;}
.legal{background-position:center left;background-repeat:no-repeat;line-height:3em;margin:20px 50px}
.legal p{margin-left:100px;text-align:left;font-size:.8em;}
/***********************************************************/

/*** H E A D E R ***/ /*need to review font sizes and move things to defaultTheme*/
.header{overflow:hidden;margin-bottom:8px}
.header img{margin-right:10px;}
.header .details img, .header .btnContainer img{margin-right:0;} /*to set image behavior back to normal, details row*/
.header .details{position:relative;word-wrap:break-word;margin-top:5px}
.header .btnContainer{margin-top:5px}
.header .action{border-left-width:1px;border-left-style:solid;margin:0 5px;padding-left:10px}/*need?*/
/***********************************************************/

/*** I N F O   B O X ***/ /*this is used for help and tips*/
.infoBox, .portlet-msg {padding:5px;border-width:1px;border-style:solid;-moz-border-radius:2px; margin-top:15px;}
.infoBox h3, .portlet-msg h3{margin:0 0 5px 0;padding:0 0 0 5px;border-bottom-width:1px;border-bottom-style:solid;overflow:hidden}
.infoBox h3 img, .portlet-msg h3 img{margin-top:2px;}
.infoBox h4, .portlet-msg h4{margin:2px 5px;font-weight:bold}
.infoBox p, .portlet-msg p{padding:5px;margin:0;}
.infoBox ul, .portlet-msg ul{margin-left:0;padding-left:5px}
.infoBox .inlinelist, .portlet-msg .inlinelist{padding-bottom:5px;padding-left:0}
.infoBox .inlinelist li, .portlet-msg inlinelist li{border-left-width:0;padding-bottom:5px}
.help{width:200px;padding:3px 8px;}
.help h3{text-align:right}
.medium{width:300px}
.colLeft .infoBox, .colRight .infoBox{font-size:.9em;line-height:1.2em}
/***********************************************************/

/*** L I S T S ***/ /*use in conjuction with sections if you want a more complex list*/
ul.list{clear:both;overflow:hidden}
ul.list li {clear:both;overflow:hidden;padding:1px 2px 2px 2px;margin:1px 0;}
ul.editable li{text-align:right;} /*use this class in combination with list class*/
ul.list img.left{margin-right:3px}
/***********************************************************/

/*** M E N U ***/
.menu, .portlet-menu{padding-top:4px;background-position:top left;background-repeat:no-repeat;width:180px;margin:0 0 5px 0}
.menu .bottomCorner{background-position:bottom left;background-repeat:no-repeat;padding-bottom:4px}
.menu .inner{background-position:top left;background-repeat:repeat-y}
.menu h2{margin:0;padding:5px 0 0 15px;font-size:1em}
.menu h3{padding-left:5px}
.menu ul, .portlet-menu ul{margin:0;padding:0;list-style-type:none}
.menu li img{margin:0 3px 0 -5px;}
.menu li a, .menu li a:visited, .portlet-menu li a, .portlet-menu li a:visited{display:block;text-decoration:none;padding:5px 0 5px 20px;font-weight:normal;line-height:1.0em}
.menu li a:hover, .menu li a:focus, .portlet-menu li a:hover, .portlet-menu li a:focus{text-decoration:underline}
.menu li.selected a, .menu li.selected a:visited, .portlet-menu li.selected a, .portlet-menu li.selected a:visited{cursor:default;font-weight:bold;border-width:1px;border-style:solid;margin:3px 10px;text-decoration:none;padding-left:10px}
.menu div.chunk{padding:0 0 0 20px}
/***********************************************************/

/*** P A G I N G ***/
.paging{height:2em;line-height:2em;text-align:center;border-width:1px;border-style:solid;-moz-border-radius:2px;margin-top:.2em;padding:2px 5px;clear:both;font-size:.9em;width:98%}
.paging a, .paging a:visited{font-weight:bold !important;}
.paging input{width:20px;text-align:center;font-size:.9em}
.paging .inlinelist{padding-left:5px}
.paging .inlinelist li {padding:0 6px;}
/***********************************************************/

/*** S E A R C H ***/
.search{}
.search input{vertical-align:middle;}
.search .text{border-width:1px;border-style:solid;padding-left:2px;width:11em;}
/***********************************************************/

/*S E C T I O N */
.section, .portlet-section{margin:15px 0 0 0;padding:2px 3px 5px 3px;overflow:hidden}
.section div.chunk, .section div.subsection{margin:5px 0 0 0;clear:both;overflow:hidden}
div.subsection div.chunk{margin:5px 0}
.colLeft .section .list li, .colLeft .section div.chunk .inlinelist, .colLeft .section p, .colLeft .section .tagCloud, .colRight .section .list li, .colRight .section div.chunk .inlinelist, .colRight .section p{padding-left:10px;padding-right:10px}
/*subsections have headers and bottom borders. Chunks are for spacing.  Needed to name these so they didn't interfere with divs found within these*/
/*.section .meta{clear:both;line-height:1em;}*/
.section input{padding:1px}
.colLeft .section, .colRight .section, .colLeft .section input{font-size:.9em;line-height:1.2em}
/*section header and subheader*/
.content .section h2{padding-bottom:3px;border-bottom-width:1px;border-bottom-style:solid;}/*center column*/
.colLeft .section h2, .colLeft .section h3{margin:0;padding:0 0 2px 0;clear:both;overflow:hidden;}
.colLeft .section h3{padding-left:10px}
.colRight .section h2, .colRight .section h3{padding:2px 10px}

.colLeft .section .btn{font-size:1.1em;line-height:1.5em}
.section h2.icons img, .section h3.icons img, .portlet-section h2.icons img, .portlet-section h3.icons img{margin-left:3px}
.section h2 a{font-size:.85em;font-weight:normal}
.section div.last, .portlet-section div.last{margin-bottom:0}/*gets rid of extra bottom margin on the last "subsection"*/
.colLeft .section, .colLeft .subsection{border-bottom-width:1px;border-bottom-style:solid}
.colLeft .menu .subsection, .colLeft .section div.last{border-bottom-width:0} /*.section div.last is for the last subsection*/

.draggableSection{cursor:move/*tbd*/}
/****************************************************************/

/*** T A B L E S ***/
/*layout table*/
/*there is no cellpadding built into these tables.*/
table.layout td{vertical-align:top;padding:0} /*default alignment*/
table.layout td.vAlignMid{vertical-align:middle}
/*used for presenting information in a vertical format*/
.vertTable th, .vertTable td{padding:2px}
.vertTable th{text-align:left;padding-right:50px}
/*need to add regular data table as I develop them*/
.table{border-bottom-width:1px;border-bottom-style:solid;width:98%}
.section .table{margin-left:10px;}
.table th, .table td{padding:5px 2px 0 2px;vertical-align:top}
.table .details td{padding:0 2px}
.table td{border-top-width:1px;border-top-style:solid}
.table .details td, .table .first td, .table .comment td{border-width:0}
.table div.chunk{margin:7px 0;clear:none}
.table h4.complete, .table h4.complete a{text-decoration:line-through}
.table h5{margin:12px 0 2px 0;}
.table .comment{padding:10px;margin:0 0 2px 0}
.table .comment .thumbnail{float:left;}
.table .commentBody{margin:0 10px 10px 50px;}
.table caption, .portlet-table caption{text-align:right;border-width:1px;border-style:solid;padding:3px 5px;margin-bottom:0;-moz-border-radius:2px;font-size:.9em;text-align:right}
.table .paging td, .portlet-table .paging td{border-width:1px;border-style:solid;padding:0 5px;text-align:center}
.caption .paging, .caption .paging td{margin-top:0;border-top-width:0;border-left-width:0;border-right-width:0;}
.caption select{font-size:.9em;}
.colRight .table, .colRight .table td{border-width:0}

/*** T A B S ***/
.tabContainer{position:relative;height:3em;border-bottom-width:1px;border-bottom-style:solid;z-index: 1;}
ul.tabs, .portlet-tab{position:absolute;left:10px;bottom:-1px;overflow:hidden;margin:0;padding:0;list-style:none;}
.tabs li, .portlet-tab li{float:left;margin-right:2px;padding-left:3px;border-width:0 0 1px 0;border-style:solid;background-position:top left;background-repeat:no-repeat;}
.tabs a, .tabs a:visited, .portlet-tab a, .portlet-tab:visited{display:block;padding:5px 10px 8px 7px;text-decoration:none;line-height:1em;background-position:top right;background-repeat:no-repeat;}/*line-height is for IE, to keep the selected tab sitting on top of the border when there is a drop-down image in the tab*/
.tabs li.selected{background-position:top left;background-repeat:no-repeat;}
.tabs li.selected a, .tabs li.selected a:visited, .portlet-tab li.selected a, .portlet-tab li.selected a:visited{background-position:top right;background-repeat:no-repeat;font-weight:bold;}/*bolding the selected tab helps with high contrast accessibility*/

/*** T A G   C L O U D ***/
.tagCloud ul{margin:0;padding:0}
.tagCloud li{display:inline}
.tagCloud a{text-decoration:none;font-weight:bold}
.tagCloud a:hover, .tagCloud a:focus{text-decoration:underline;}
a.f5, a.f5:visited{font-size:115%;}
a.f4, a.f4:visited{font-size:108%;}
a.f3, a.f3:visited{font-size:100%;}
a.f2, a.f2:visited{font-size:95%;}
a.f1, a.f1:visited{font-size:90%;}
/***********************************************************/

/*** T I T L E   B A R 	***/
.titleBar{height:3.2em;position:relative;border-bottom-width:1px;border-bottom-style:solid;z-index:1000;padding-left:6px;background-position:top left;background-repeat:no-repeat;}
.titleBar .rightCorner{padding-right:6px;background-position:top right;background-repeat:no-repeat;height:3.2em;}
.titleBar .inner{background-position:top left;background-repeat:repeat-x;height:3.2em;}
.titleBar h2{padding:0 0 0 15px;float:left;font-size:1.5em;line-height:2em;letter-spacing:0;width:200px;font-weight:normal}
.titleBar .tabs, .portlet-tab{left:200px;}
.titleBar .tabs li{padding-left:5px;}
.titleBar .search{position:absolute;top:.6em;right:15px} 
/***********************************************************/

/*** T R E E ***/ /*needs review - need additional tree visuals from Jason*/
ul.tree, ul.portlet-tree{margin:0;padding:0;list-style-type:none;line-height:1.5em}
.tree ul, .portlet-tree ul{margin:0 0 0 14px;padding:0;list-style-type:none;}
.tree li, .portlet-tree li{margin:0;padding:0;}
.tree a, .portlet-tree a{text-decoration:none;}
.tree a:hover, .tree a:focus, .portlet-tree a:hover, .portlet-tree a:focus{text-decoration:underline}
.tree .icon{margin-right:3px}
.tree input{margin:0 4px 0 2px;padding:0}
/*this is a specific type of tree*/
.orgChart ul{margin-left:11px}
.orgChart li a{background-position:left top;background-repeat:no-repeat;padding:0 0 5px 20px;margin:0;}
.orgChart .bottom{padding:0 0 5px 20px;background-position:left top;background-repeat:no-repeat;}
/***********************************************************/

/*** V C A R D ***/
/*temporary styles*/
.vCard{position:relative;}
.vCardController{position:relative;top:0;left:0;border-width:2px;border-style:solid;padding:3px;z-index:200;-moz-border-radius:2px;margin-right:5px}
.vCardController img{margin:0}
.vCardController a{display:block;width:10px;height:70px;float:left;margin-right:2px;text-decoration:none;background-position:center center;background-repeat:no-repeat}
.vCardOpen .vCardController{border-bottom-width:0}
.vCardInfo{position:absolute;top:77px;left:-9999px;border-width:2px;border-style:solid;padding:3px;z-index:100}
.vCardInfo p, .vCardInfo li{white-space:nowrap;padding:0 5px}
/***********************************************************/

/***added by Chris S for dashboard 10/18/07***/
.dashboard .main{background-position:top right;background-repeat:repeat-y}
.dashboard .colRight{width:160px;padding:15px 0;}
.dashboard .colRight h2{text-transform:uppercase;font-size:.9em}
.content .colOne, .content .colTwo{width:50%;float:left}

.widget{border-width:2px;border-style:solid;margin:0 10px 10px 5px;}
.widget h2{padding:3px 5px;overflow:hidden;}
.widget h2 img{margin:3px}
.widget h2 .divider{float:right;margin-top:-2px}
.widgetBody{clear:both;padding:3px}
.widgetButtons{margin:5px;}
.widgetButtons li{background-position:bottom left;background-repeat:repeat-x;border-width:1px;border-style:solid;padding:3px 0 0 0;margin:1px 0}
.widgetButtons div{background-position:5px 0;background-repeat:no-repeat;display:block;line-height:2em;padding-left:40px;text-decoration:none}
.widgetButtons .title{font-size:1.3em;line-height:1em;display:block;font-weight:bold;}