@import url('/css/dc2core.css');

* {
    box-sizing: border-box;
} 

body {
    font-family: Vardana, Arial, Helvetica, sans-serif;
    margin: 0.5em 0;
	padding:0;
    background-color: white;
}

div.body-container {
/*    background-color:#f7f5f6; */
    max-width: 1300px; 
    margin: 0pt auto;
    padding: 0px;
}

a {
    color: #444444;
}

a:visited {
    color: #444444;
}

a:hover {
    color: #660000;
}

body.editmode {
    background-color:#ffffff;
    border: 1px dotted #aaa;
    margin: 0.3em;
    padding: 0 1em 1em !important;
    max-width: 1000px;
    overflow:auto;
}

div.body-container {
}




form#ProjectChecklistShortEditForm table tr td sup{
    font-weight: bold;
    color:#287540;
    font-size: 12px;
}

h1,h2,h3,h4,h5,h6{
    padding: 5px 0px 5px 0px;
    margin: 0px;
    font-family: Georgia,'Times New Roman',times,serif;
    color: maroon;
}

h1 { font-size: 150%; letter-spacing: 1px; }
h2,
h2 a,
h2 a:hover
{ font-size: 130%; }
h3 { font-size: 120%; }
h4 { font-size: 115%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }



/*
    static menu
*/
div.staticMenu  {
    border: 1px solid #466;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    clear: both;
    height: 24px;
    background-color: #99CCFF;
    width: 945px;
}

#staticMenu ul {
    float: left;
    list-style:none;
    margin: 0;
    padding: 0;
}

#staticMenu li {
    float: left;
    white-space:nowrap;
    height: 17px;
    margin: 0;
    padding: 3px 0px 3px 0px;
    border-right: 1px solid #466;
    color: #444444;
}

#staticMenu a {
    font-weight: bold;
    color: #ffffff;
    text-decoration:none;
    padding: 3px 7px 3px 7px;
    background-color: #444444;
}







/*
    main menu
*/
div.MainMenu  {
    border: 1px solid #AAAAAA;
    padding: 0px;
    margin: 0px 0px 5px 0px;
    background-color: #FFFFDD;
}

#MainMenu ul {
    list-style:none;
    /*    height: 100%; */
    width: 100%;
    margin: 0;
    padding: 0;
}

#MainMenu li {
    float: none;
    white-space:nowrap;
    margin: 0;
    padding: 5px 0px 5px 0px;
    color: #444;
}

#MainMenu li:hover, #MainMenu li.selected {
    float: none;
    white-space:nowrap;
    margin: 0;
    padding: 5px 0px 5px 0px;
    color: #FFFF66;
    background-color: #000099;
}

#MainMenu li.MenuLvl2 {
    float: none;
    white-space:nowrap;
    margin: 0;
    padding: 5px 0px 5px 25px;
}

#MainMenu li.MenuLvl2:hover, #MainMenu li.MenuLvl2selected {
    float: none;
    white-space:nowrap;
    margin: 0;
    padding: 5px 0px 5px 25px;
    color: #FFFF66;
    background-color: #000099;
}


#MainMenu a {
    color: #444;
    text-decoration:none;
    font-weight: bold;
    padding: 5px;
    width: 140px;
}


#MainMenu li.MenuLvl2:hover a, #MainMenu li.MenuLvl2 a:hover,  #MainMenu li.MenuLvl2selected a,
#MainMenu li:hover a, #MainMenu li a:hover,  #MainMenu li.selected a
{
    color: #FFFF66;
    background-color: #000099;
}

/*
** Dynamic menu
*/
#SiteMainMenuBlock{
    margin:0;
    padding:0;
    font-size:110%;
}

#SiteMainMenu  {
    margin: 0px 0px 0px 0px;
    letter-spacing: 1px;
    position: static;
}

#SiteMainMenu div.bd {
/*    background-color: #f7f5f6; */
    padding: 0px;
    vertical-align:middle;
    /*
        border-bottom: 1px solid #466;
        border-top: 1px solid #466;
        border-right: 1px solid #466;
    */
}

#SiteMainMenu div.bd ul {
    padding:0px;
}

.yui-skin-sam .yuimenu .bd {
    border: none;
}

#SiteMainMenu a.yuimenuitemlabel {
    color: #000;
    font-weight: normal;
}

#SiteMainMenu a.yuimenuitemlabel-selected,
#SiteMainMenu a.yuimenuitemlabel-checked-selected,
#SiteMainMenu a.yuimenuitemlabel-hassubmenu-selected,
#SiteMainMenu a.yuimenubaritemlabel-selected,
#SiteMainMenu a.yuimenubaritemlabel-hassubmenu-selected
{
    background-color: maroon; color: #ffff00;
}

.yui-skin-sam .yuimenubar {
    border: 0px solid white;
}

.yui-skin-sam .yuimenu ul {
    border: 0px solid white;
    border-style: none;
    border-color: white;
    width: 100%;
}


.yui-skin-sam .yuimenubaritemlabel  {
    padding: 6px 31px 6px 31px;
}

.yui-skin-sam .yuimenuitemlabel  {
	padding: 5px 7px;
}

.yui-skin-sam .yuimenubaritemlabel{
    border-style:none;
}


.yui-skin-sam .yui-menu-shadow-visible{
    background-color:#000;
    opacity:.12;
    /*    filter:alpha(opacity=12); */
}


div.MainMenuContainer {
}


/*
    /mainmenu
*/



.CategoryArticleContainer {
    display: table-row;
}

.CategoryMainText {
    padding-top: 5px;
    padding-left: 30px;
}




.ArticleBody {
    padding-left: 10px;
}


.SiteTitleText {
    font-size: 200%;
    color: #444444;
    letter-spacing: 3px;
    text-transform: uppercase;
}


.page-header {
    display:none;
    height: 60px;
    background-image: url(/images/logo/dc2-470x60.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    text-align:center;
    cursor: pointer;
    padding-top: 20px;
}

.top-text-menu {
    padding: 11px 0px 9px 0px;
}

.page-footer {
    clear:both;
    border-top: 1px solid #466;
    border-bottom:1px solid #466;
    padding: 7px;
    text-align:center;
    background-color: #009999;
    background-image: url('/images/logo/dc2.png');
    background-position: right center;
    background-repeat:no-repeat;
    color: white;
    height: 19px;
    letter-spacing:1px;
}
.page-footer {
    font-size: 80%;
}

.page-footer a {
    color: white;
}

#columnWrapper {
    padding: 0;
    margin: 0;
    border-top:1px solid #888;
    min-height: 800px;
}

#ToolsColumn{
    float: left;
    width: 230px;
    margin: 0px;
    padding: 5px;
}

#MainColumn{
    margin-left:230px;
    padding: 1em;
    background-color:white;
    min-height:800px;
}

#MainColumn3{
    margin: 0px 200px 0px 220px;
    padding: 5px 42px 5px 42px;
}

#MainColumn h1 {
    margin-left: -32px;
    padding-left: 16px;
}

#MainColumn p {
}

#MainColumn pre {
    border: 1px solid #466;
    background-color: #f0ffff;
    color: #000;
    margin-left: 20px;
    padding: 7px;
    max-height: 500px;
    overflow: scroll;
}

#MainColumn ul li {
}

#RightColumn{
    float: right;
    width: 180px;
    margin: 0px;
    padding:  15px 10px 5px 5px;
}



.hr {
    background-color: #663300;
    height: 1px;
    border: 0px;
    padding: 0px;
    margin: 1px 0px 1px 0px;
    clear: both;
}

hr {
    height: 1px;
    border-top: 1px solid  #006600;
}




/*
** Navigation path
*/

.NavigationPath {
    margin: 0px 0px 2px 0px;
    padding: 3px;
}

.NavigationPath a {
    padding: 3px;
}

.MainText p {
    margin: 0px 0px 7px 0px;
    padding: 0px;
}



#CategoryListContainer {
    border-top: 1px dotted #466;
}

#CategoryListContainer h2 {
    border-bottom: 1px dotted #466;
    padding-left: 16px;
}

#CategoryListContainer ul {
    margin: 5px 0px 5px 64px;
    padding: 0px;
}

.CategoryAnnotation,
.ArticleAnnotation {
    list-style: none;
    padding: 5px 0px 5px 10px;
    margin-right: 0px;
    cursor: pointer;
    border-left: 15px solid #fff;
    /*    border-right: 15px solid #fff; */
    display: block;
}

.ArticleAnnotation {
    min-height: 70px;
}

.CategoryAnnotation:hover,
.ArticleAnnotation:hover {
    border-left: 15px solid maroon;
    background-color: #f7f5f6;
    /*
        background-color: #e8f2ff;
        background-image: url('/images/btn26hover.png');
        background-repeat:repeat-x;
        background-position:bottom;
    */
}

.CategoryAnnotationNoView,
.ArticleAnnotationNoView {
    list-style: none;
    padding-left: 10px;
}

.CategoryAnnotationNoView:hover,
.ArticleAnnotationNoView:hover
{
    background-color: #f7f5f6;
    /*
    background-color: #e8f2ff;
    background-image: url('/images/btn26hover.png');
    background-repeat:repeat-x;
    background-position:bottom;
    */
}

.CategoryAnnotation h3 {
    margin: 0px;
    padding: 0px;
}

.CategoryCompact {
    text-indent: -32px;
    margin-left: 32px;
}


#ArticleListContainer {
    margin-left: 10px;
}

#ArticleListContainer ul {
    margin: 0px;
    padding: 0px;
}


/*
Gallery
*/

#GalleryListContainer {
    margin: 0px;
}


.GalleryAnnotation{
    list-style: none;
    margin: 5px 0px 5px 0px;
}

.GalleryDescription{
    cursor: pointer;
}


.GalleryAnnotation:hover {
}

.GalleryAnnotation h3{
    margin-left: -30px;
}


.GalleryThumbnailsContainer {
}

.clickable {
    cursor: pointer;
}


.GalleryImage{
    min-width: 260px;
    min-height: 320px;
    overflow: auto;
    float: left;
    text-align: center;
    margin: 0px 15px;
    padding: 15px;
    border: 1px solid transparent;
}

div.GalleryImage:hover{
    border: 1px dotted #287540;
}




/*
*/

.news {
    padding: 7px;
    margin: 5px 0px 5px 0px;
}

.newsitem {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    /*
      border-bottom: 1px solid #466;
    */
}
.newsitem-title{
    padding: 5px 5px 5px 0px;
    border-bottom:1px dotted #aaa;
}

.news-sidebar {
    margin: 0px;
    padding: 0px 5px 0px 5px ;
    vertical-align: top;
    /*
	border-right: 1px solid #466;
	border-bottom: 1px solid #466;
	background-color: #DAE0F1;
    */
    font-size: 90%;
}

.news-sidebar ul li {
    list-style: none;
    border-left: solid 1px #466;
    /*    border-bottom: solid 1px #466;*/
    /*    padding-left: 5px;*/
    margin-left: -20px;
    margin-right: 0px;
    display:block;
}

.news-sidebar ul li a,
.news-sidebar ul li ul li a
{
    padding: 1px 0px 1px 7px;
    text-decoration: none;
    display:block;
    width: 100%;
}

.news-sidebar ul li ul li{
    list-style: none;
    border-left: solid 1px #466;
    border-bottom: solid 0px #466;
    padding-left: 5px;
    margin-left: -5px;
    display:block;
}

.news-sidebar ul li a:hover,
.news-sidebar ul li ul li:hover a,
.news-sidebar ul li ul li:hover,
.news-sidebar ul li ul li a:hover{
    background-color: maroon; color: #ffff00;
    /*
        background-color: #e8f2ff;
        background-image: url('/images/btn26hover.png');
        background-repeat:repeat-x;
        background-position:bottom;
    */
}

.block-title,
.news-title {
    font-size: 110%;
    margin: 5px -10px 15px -25px;
    padding: 5px 5px 5px 15px;
    text-align: left;
    color: #ffff33;
    background-color: maroon;
    border-rignt:1px solid #f7f5f6;
    border-bottom:1px solid #f7f5f6;
}

.news-date
{
    font-style: italic;
}

.news-item {
    padding: 0px 0px 11px 0px;
    font-size: 95%;
}


/*
*/
.advertisements {
    padding: 7px;
    margin: 5px 0px 5px 0px;
}

.adbody{
    font-size: 80%;
    margin: 10px 0px 10px 0px;
    padding: 10px 3px 10px 3px;
    border: 1px solid #acc;
    background: white;
}

.adbody a{
    text-decoration: none;
}



/*
inherited from admin.css
*/

ul.compact  {
    margin-left: 16px;
    list-style : square;
}

table.compactTABLE, .compactTABLE {
    border: 1px solid #aaa;
    border-collapse: collapse;
    background-color: #ffffff;
    margin-top: 3px;
    margin-bottom: 3px;
}

.compactTABLE td, .compactTABLE th {
    border: 1px solid #aaa;
    padding: 1px 3px 1px 3px;
}

.compactTABLE th {
    border: 1px solid #aaa;
    background-image: url('/ext/design/images/backgrounds/th-navy.png');
    background-position: bottom left;
    background-repeat: repeat-x;
    font-weight: bold;
}

.compactTABLE th a, .compactTABLE td a {
    text-decoration: none;
}


th.compactTD, td.compactTD, .compactTD{
    border: 1px solid #aaa;
    vertical-align: top;
    border-collapse: collapse;
}

#FileArchive {
}

#FileArchiveContainer {
}

#ArchiveFileList_Pager {
}

tr.DC_Row0:hover,
tr.DC_Row1:hover,
tr.reg:hover, .reg-over,
tr.reg0:hover, .reg0-over,
tr.reg1:hover, .reg1-over {
    background-image: url('/ext/design/images/backgrounds/th-cyan.png');
    background-position: bottom left;
    background-repeat: repeat-x;
}


.regSelected { background-color: #f0fff0;  padding: 3px; }

tr.reg:hover, tr.reg0:hover, tr.reg1:hover { background-color: #edf5ff; }



/*
    Calendar
*/

.CalendarContainer {
    margin: 5px 0px 15px 0px;
    padding: 7px;
    vertical-align: middle;
    font-size: 80%;
    text-align: center;
}

.CalendarContainer table {
    border-collapse:collapse;

}

.CalendarContainer td {
    text-align: center;
    min-width: 18px;
    min-height: 18px;
}

.CalendarContainer th {
    font-weight: bold;
    text-align: center;
    min-width: 18px;
    min-height: 18px;
}

.CalendarContainer span {
}


td.CalendarDay:hover, td.CalendarDayDoc:hover,
td.CalendarToday:hover, td.CalendarTodayDoc:hover,
td.CalendarSelected:hover, td.CalendarSelectedDoc:hover
{
    background-color: #e8f2ff;
    background-image: url('/images/btn26hover.png');
    background-repeat:repeat-x;
    background-position:bottom;
    color: black;
}

td.CalendarEmpty:hover {
}


td.CalendarDay {
    cursor: text;
}

td.CalendarDayDoc {
    cursor: pointer;
    background: url(/ext/design/images/actions/marker-greengrad.png) no-repeat top left;
}



td.CalendarToday {
    background-color: #990033;
    color: #FFFF00;
    cursor: text;
}

td.CalendarTodayDoc {
    color: #FFFF00;
    background: #990033 url(/ext/design/images/actions/marker-greengrad.png) no-repeat top left;
    cursor: pointer;
}



td.CalendarSelected {
    background-color: #00AA00;
    color: #FFFF00;
    cursor: text;
}

td.CalendarSelectedDoc {
    color: #FFFF00;
    background: #00AA00 url(/ext/design/images/actions/marker-greengrad.png) no-repeat top left;
    cursor: pointer;
}

div.GUI_CalendarContainer {
    float: left;
}

div.DateField {
    float: left;
    padding:0px;
    margin: 0px 5px;
}

/*
** sitemap
*/

div.sitemap ul,
div.sitemap ul li ul,
div.sitemap ul li ul li ul,
div.sitemap ul li ul li ul li ul,
div.sitemap ul li ul li ul li ul li ul
{
    margin: 0px 0px 0px 0px;
    padding: 7px 0px 7px 40px;
}


div.sitemap ul li
{
    border-left: 0px solid #466;
    list-style-type: none;
    padding: 11px 0px 11px 0px;
}

div.sitemap ul li ul li,
div.sitemap ul li ul li ul li,
div.sitemap ul li ul li ul li ul li,
div.sitemap ul li ul li ul li ul li ul li
{
    border-left: 1px solid #466;
    list-style-type: none;
    padding: 7px 0px 7px 0px;
}

div.sitemap ul li a,
div.sitemap ul li ul li a,
div.sitemap ul li ul li ul li a,
div.sitemap ul li ul li ul li ul li a,
div.sitemap ul li ul li ul li ul li ul li a
{
    text-decoration: none;
    border-bottom: 1px solid #466;
    padding: 7px 15px 7px 10px;
    display: block;
}

div.sitemap ul li a:hover,
div.sitemap ul li ul li a:hover,
div.sitemap ul li ul li ul li a:hover,
div.sitemap ul li ul li ul li ul li a:hover,
div.sitemap ul li ul li ul li ul li ul li a:hover
{
    background-color: maroon; color: #ffff00;
    /*
        background-color: #e8f2ff;
        background-image: url('/images/btn26hover.png');
        background-repeat:repeat-x;
        background-position:bottom;
    */
}




/*
** RATING subsystem...
*/
div.DCRateOff {
    background: white url('/images/icon-stop.png') no-repeat center;
    width:26px;
    height:26px;
    float: left;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid #aaa;
}

div.DCRateStar0 {
    background: white url('/images/blankstar.png') no-repeat center ;
    width:26px;
    height:26px;
    float: left;
    font-size: 10px;
    text-align: center;
}

div.DCRateStar05 {
    background: white url('/images/halfstar.png') no-repeat center ;
    width:26px;
    height:26px;
    float: left;
    font-size: 10px;
    text-align: center;
}

div.DCRateStar1 {
    background: white url('/images/star.png') no-repeat center;
    width:26px;
    height:26px;
    float: left;
    font-size: 10px;
    text-align: center;
}

div.DCRateStar0:hover,
div.DCRateStar05:hover,
div.DCRateStar1:hover{
    background: lime url('/images/star.png') no-repeat center;
}

div.DCRating {
    border: 1px solid #aaa;
    background-color: #fff;
    height:26px;
    width:209px;
    cursor: pointer;
}

div.DCRatingBox {

}


/*
Feedback subsystem
*/


ul.Feedback {
    list-style: none;
    padding: 7px 0;
    margin: 0px;
}

li.Feedback {
    list-style: none;
    padding: 7px;
    margin: 0px;
}

li.Feedback:hover {
    background-color: #eee;
}



/*
Forum subsystem
*/

div.DC2Forum_DateBox {
    position: relative;
    top: -16px;
    float: left;
    text-align: left;
    height: 20px;

    background-color: white;
    border: 1px solid #aaa;
    padding: 5px 7px;
    overflow: hidden;
    margin: 1px;
}

div.DC2Forum_TopicPersonBox {
    position: relative;
    top: -16px;
    float: left;
    text-align: left;
    height: 20px;
    width: 250px;

    background-color: white;
    border: 1px solid #aaa;
    padding: 5px 7px;
    overflow: hidden;
    margin: 1px;
}

div.DC2Forum_ControlsBox {
    position: relative;
    top: -16px;
    float: right;
    text-align: left;
    height: 24px;

    background-color: white;
    border: 1px solid #aaa;
    padding: 3px 7px 3px 3px;
    overflow: hidden;
    margin: 1px;
}

div.DC2Forum_Topic {
    background-color: #fff;
    border: 1px dotted #aaa;
    padding: 0px 7px 7px 7px;
    margin: 8px 0 24px 0;
}

div.DC2Forum_Topic:hover {
    border: 1px solid #000;
}


div.DC2Forum_TopicText {
    clear: right;
    margin: 0;
    padding: 0;
}

div.DC2Forum_TopicComments {

}

img.DC2ForumImage16Left {
    float: left;
    margin: 4px;
    vertical-align: -3px;
    border: 0px;
}

img.DC2ForumImage16Right {
    float: right;
    margin: 2px;
    border: 0px;
}



div.DC2_ForumAnswer {
    min-height: 100px;
    background: #fff;
    border: 1px dotted #aaa;
    padding: 5px 7px;
    margin: 10px 0;
    clear:right;
}

div.DC2_ForumAnswer:hover {
    border: 1px solid #444;
}

div.DC2_ForumAvatarBox {
    position: relative;
    float: left;
    top: -16px;
    left: -22px;
    background: white;
    border: 1px solid #aaa;
    padding: 5px;
    width: 128px;
    /*    overflow: hidden;*/
    text-align:center;
    margin-right:5px;
    /*    z-index:100; */
}

div.DC2Forum_AnswerTopLeftBlock{
    position: relative;
    float: left;
    width: 128px;
}

div.DC2_ForumAnswerDate {
    position: relative;
    top: -16px;
    float: right;
    height: 18px;
    background: white;
    border:1px solid #aaa;
    padding: 5px 7px;
}

div.DC2Forum_AnswerNumber {
    position: relative;
    top: -16px;
    float: right;
    background: white;
    border: 1px solid #aaa;
    padding: 5px;
    margin: 0 5px;
    width: 40px;
    height: 24px;
    text-align: center;
}


div.DC2_ForumAnswerOptions {
    float: right;
    position: relative;
    top: -25px;
    background: white;
    border: 1px solid #aaa;
    padding: 3px;
    margin-right: 10px;
}

div.DC2_ForumAnswerText {
    padding: 0 7px;
}