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

* {
    box-sizing: border-box;
} 

body {
/*    font-size: 14px; */
    font-family: Verdana, Arial, Helvetica, sans-serif;

    margin:0;
    padding:0;
    background-color: #631b7a;
    color: #000;
}

div.body-container {
    min-width: 950px;
    margin: 16px 2.5%;
    border: 1px solid #466;
    background-color:#ffffff;
}


div.page-content-main-part {
	min-height: 500px;
}



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

div.body-container {
}





form#ProjectChecklistShortEditForm table tr td sup{
    font-weight: bold;
    color:#cc3300;
    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: #912AA4;
    /*    text-shadow: 1px 1px 2px #aaa; */
}

h3 a {
    color: #912AA4;
	font-weight: normal;
	letter-spacing: 1px;
}

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

h5, h6 { font-weight: normal; }


#DynacontDebugPannel {
    overflow: auto;
    height: 200px;
    margin: 1px;
    padding: 5px;
    border: 1px solid #aaa;
    background-color: white;
    color: black;
}


/*
    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;
    max-height: 50px;
    overflow: hidden;

}

#SiteMainMenu div.bd {
/*    background-color: #68a; */
	background-color: #720B85;
    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;
    background: #fff;
}

#SiteMainMenu a.yuimenuitemlabel {
/*    color: #9732A9; */
 	background-color: #720b85;
	color: white;
	font-weight: bold;
	letter-spacing: 1px;
	font-size:110%;
    cursor: pointer;
}

#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: #ffffff; */
	background-color: #720b85;
	color: yellow;
	font-weight: bold;
	letter-spacing: 1px;
	font-size:110%;
}

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

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


.yui-skin-sam .yuimenubaritemlabel  {
    padding: 6px 32px 6px 32px;
	font-weight: bold;
	letter-spacing: 1px;
	font-size:110%;
}

.yui-skin-sam .yuimenuitemlabel  {
/*    margin-top: 1px; */
    padding: 9px 20px 9px 20px;
	font-weight: bold;
	letter-spacing: 1px;
	font-size:110%;
}

.yui-skin-sam .yuimenubaritemlabel{
    border-style:none;
	font-weight: bold;
	letter-spacing: 1px;
	font-size:110%;
}


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


#SiteMainMenu div.bd div.bd a.yuimenuitemlabel-selected,
#SiteMainMenu div.bd div.bd  a.yuimenuitemlabel-checked-selected,
#SiteMainMenu div.bd div.bd a.yuimenuitemlabel-hassubmenu-selected,
#SiteMainMenu div.bd div.bd a.yuimenubaritemlabel-selected,
#SiteMainMenu div.bd div.bd a.yuimenubaritemlabel-hassubmenu-selected
{
 /*   background: #ffe720 url(/ext/design/images/bgmenuyellow.gif); */
 	background-color: #720b85;
	color: yellow;

}

#SiteMainMenu div.bd div.bd {
    background: none;
/*    background-color: white; */
 	background-color: #720b85;
	color: white;
}

div.MainMenuContainer {
}


/*
    /mainmenu
*/



.CategoryArticleContainer {
/*    display: table-row; */
    width: 100%;
}

.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 {
    height: 60px;
    /*
    background-image: url(/images/logo/dc2-470x60.gif);
    background-position: center center;
    background-repeat: no-repeat;
    */
    background-color: #fff;
    font-size: 34px;
    letter-spacing: 2px;
    font-weight: bold;
    text-align:center;
    cursor: pointer;
    padding-top: 20px;
}

.top-text-menu {
    padding: 8px 0px;
    text-align: right;
}

.top-text-menu a {
    font-size: 90%;
}

.top-text-menu a:hover {
    background-color: #ffe720;
    background-image: url(/ext/design/images/bgmenuyellow.gif);
    background-position: bottom left;
    background-repeat: repeat-x;
}

.page-footer {
    clear:both;
    border-top: 1px solid #466;
    padding: 7px;
    text-align:center;
    background-color: #68a;
    /*
    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 {
    min-height: 100% !important;
    width: 1000px;
    margin: 0 auto;
    padding: 0px 27px;
/*    overflow: auto;*/
    background-color: white;
}

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

#MainColumn{
    margin: 0px 0px 0px 210px;
    padding: 0;
    min-height: 700px;
}

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

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

#MainColumn p {
    /*
        line-height: 110%;
    */
    margin-top:3px;
    margin-bottom:7px;
}

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

#MainColumn ul li {
    /*    list-style-image:url(/images/icons-nav-next.png); */
}

#RightColumn{
    float: right;
    width: 180px;
    margin: 0px;
    padding:  15px 10px 5px 5px;
    /*
        min-height: 600px;
    */
}


.userinfo{
    margin: 0px 0px 15px 0px;
    padding: 0px 5px 0px 5px;
    vertical-align: middle;
    /*
	border-right: 1px solid #466;
	border-bottom: 1px solid #466;
	background-color: #DAE0F1;
    */
}



.userinfo, .userinfo td, .userinfo input, .userinfo b {
    font-size: 90%;
}


.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;
}

/*
** Tabs
*/
.yui-skin-sam .yui-navset .yui-nav li, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav li {
    margin: 0 2px 0 0;
}

.yui-skin-sam .yui-navset .yui-nav .selected, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav li .selected {
    margin: 0 2px 0 0;
}

.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
    border-width: 0 0 3px 0;
}

.yui-skin-sam .yui-navset .yui-content, .yui-skin-sam .yui-navset .yui-navset-top .yui-content {
    background-color: #fff;
}

/*
** Navigation path
*/

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

.NavigationPath a {
    padding: 3px;
}

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

/*
Calendar events
*/
ul.PMEvents {
    list-style: none;
}


ul.PMEvents li {
    min-height: 26px;
}


ul.PMEvents li{
    margin-top: 0px;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 170px;
    background-color: #fff;
    border-left: 5px solid #aaa;
    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

ul.PMEvents li.Expired{
    background-color:#ffffcc;
}

ul.PMEvents li:hover{
    border-left: 5px solid #2647A0;
    border-right: 1px solid #2647A0;
    border-top: 1px solid #2647A0;
    border-bottom: 1px solid #2647A0;
    background-color:#fff;
}

div.PM_Milestone,
div.PM_Event,
div.PM_Meeting,
div.PM_Todo
{
    padding: 2px 2px 2px 25px;
    margin-left: -2px;
    margin-right: -2px;
    border: 1px solid #2647A0;
    font-weight: normal;
    font-size: 12px;
    min-height: 18px;
    font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

span.PM_Milestone,
span.PM_Event,
span.PM_Meeting,
span.PM_Todo
{
    padding: 2px 2px 2px 25px;
    margin-left: -215px;
    margin-top: -4px;
    width: 175px;
    display:block;
    float: left;
    border: 1px solid #2647A0;
    font-size: 12px;
}


/*
classes
*/
div.PM_Private,
span.PM_Private {
    border-right-color: #33cc33;
    border-right-width: 7px;
    border-right-style: solid;
}

div.PM_Project,
span.PM_Project {
    border-right-color: #cc3333;
    border-right-width: 7px;
    border-right-style: solid;
}

div.PM_Global,
span.PM_Global {
    border-right-color: #33cccc;
    border-right-width: 7px;
    border-right-style: solid;
}



/*
categories
*/
div.PM_Milestone,
span.PM_Milestone{
    background-image: url(/images/16x16/process.png);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    background-color: #0b2fb8;
    color: #ff0;
}

div.PM_Event,
span.PM_Event{
    background-image: url(/images/16x16/calendar_date.png);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    background-color: #ffffcc;
    color: #000;
}

div.PM_Meeting,
span.PM_Meeting{
    background-image: url(/images/16x16/community_users.png);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    background-color: #087ae6;
    color: #fff;
}

div.PM_Todo,
span.PM_Todo{
    background-image: url(/images/16x16/dialog-warning.png);
    background-position: 3px 3px;
    background-repeat: no-repeat;
    background-color: #a716bf;
    color: #fff;
}


/*
popup calendar items
*/
div.CalendarEventTitle{
    font-size: 12px;
    font-weight:bold;
}
div.CalendarEventBody{
    padding-left:45px;
    font-size: 12px;
}

.CalendarControlsCell{
    text-align:center;
    border-color: #888;
    border-width: 1px 1px 1px 1px;
    width: 18px;
    vertical-align:middle;
}

.CalendarEventsCell,
.CalendarEventsCellDay{
    font-size:12px;
    border-style: solid;
    text-align:center;
    vertical-align:bottom;
    border-color: #888;
    border-width: 1px 1px 1px 1px;
    width:68px;
    height: 18px;
}

.CalendarEventsCellDay:hover{
    background-color: #e8f2ff;
    background-image: url('/images/btn26hover.png');
    background-repeat:repeat-x;
    background-position:bottom;
    cursor: pointer;
    color: black;
}


.CalendarEventsWeekendDay {
    background-image: url('/images/marker-redgradient.png');
    background-repeat:no-repeat;
    background-position:top left;
}

.CalendarEventsToday {
    border-style: solid;
    border-color: #cc3300;
    border-width: 2px 2px 2px 2px;
}

.CalendarEventsSelectedDay {
    font-weight:bold;
    color: #00b000;
}


/*
Category elemnts lists (Categories, Articles...)
*/


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

#CategoryListContainer ul {
    margin: 0 0 0 3em;
    padding: 0px;
}

.CategoryAnnotation,
.ArticleAnnotation {
    list-style: none;
    padding: 0.5em 0 0.5em 3em;
    margin-right: 0px;
    /* cursor: pointer; */
    /* border-left: 15px solid #fff; */
    /*    border-right: 15px solid #fff; */
/*    border-bottom: 1px solid transparent; */
    display: block;
}

.ArticleAnnotation {
    overflow:auto;
/*    border-bottom: 1px dotted #912AA4; */
	margin-bottom: 1em;
}

.ArticleAnnotation h3 {
}


.CategoryAnnotation:hover,
.ArticleAnnotation:hover {
/*    border-bottom: 1px solid #912AA4;*/
	background-color: #eee;
	cursor: pointer;
/*
    background-color: #fffbce;
    background-image: url(/ext/design/images/bgmenuyellow.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
*/
}

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

.CategoryAnnotationNoView:hover,
.ArticleAnnotationNoView:hover
{
    background: #99ff99;
}

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

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


#ArticleListContainer {
    margin-left: 10px;
}

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

#ArticleListContainer ul li{
}

/*
Gallery
*/

#GalleryListContainer {
    margin: 0px;
}

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

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

.GalleryDescription{
    cursor: pointer;
}


.GalleryAnnotation:hover {
}

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


.GalleryThumbnailsContainer {
}

.clickable {
    cursor: pointer;
}


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

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

div.GalleryImage img.clickable {
    max-height: 200px;
}

div.GalleryImage h4 {
    font-weight: normal;
}

/*
*/

.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: 3px 0px 3px 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: #469; color: #ffffff;
}

.block-title,
.news-title {
    font-size: 110%;
    margin: 5px -10px 15px -25px;
    padding: 5px 5px 5px 15px;
    text-align: left;
    color: white;
    background: #922ba5 url(/ext/design/images/bgtopviolet.gif);
/*
    background-color: #530B6A;
    border-right:1px solid #aaa;
    border-bottom:1px solid #aaa;
*/
}

.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;
}


/*
** YUI styling for search+autocomplete box...
*/
.SearchContainer .yui-ac-content {position:absolute;border:1px solid #404040;background:#fff;overflow:hidden;z-index:9050;}
.SearchContainer .yui-ac-shadow {position:absolute;margin:.5em;width:100%;background:#a0a0a0;z-index:9049;}
.SearchContainer ul {padding:0px; margin: 0px; list-style: none;}
.SearchContainer li {padding:3px; margin: 0px; list-style: none; cursor:default; white-space:nowrap;}
.SearchContainer li.yui-ac-highlight {background:#b0ffff;}
.SearchContainer li.yui-ac-prehighlight {background:#ffff00;}

/*
    background: #DDDDDD;
*/
.compactBTN {
    margin: 1px 1px 1px 1px;
    padding: 1px 3px 2px 2px;
    height: 34px;
    width: 38px;
    text-align: center;
    vertical-align: middle;
    background: #D4D0C8;
}

.compactBTNminor {
    margin: 1px 2px 1px 2px;
    padding: 1px 3px 2px 2px;
    height: 26px;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    background: #D4D0C8;
}


/*
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: 3px 5px;
}

.compactTABLE th {
    border: 1px solid #aaa;
    background-image: url('/ext/design/images/backgrounds/th-navy.png');
    background-position: bottom left;
    background-repeat: repeat-x;
    background-color: #e8f2ff;
    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-color: #e8f2ff;
}

.reg0, .reg {background-color: #ffffff; padding: 3px; }
.reg1 { background-color: #eeeeee;  padding: 3px; }

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

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

.bd {
    color: black;
}

/*
Registration form
*/
td.ulabel {
  width:60%;
}
td.ufield {
  width:40%;
}

.ulabel sup {
    color: red;
    font-size: 90%;
    font-weight: bold;
}

/*
    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: 0px 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: 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;
}

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: #469; color: #ffffff;
}

div.SitemapNode a {
    display:block;
}


/*
** TAGs subsystem
*/

.clear { clear:both; }
#resp { font-family:monospace;padding:1px;}

/* custom styles for multiple stacked instances with custom formatting */
.TAGautocomplete { padding-bottom:2em;width:95%; }/* set width of widget here*/
.TAGautocomplete .yui-ac-highlight .TAG-quantity,
.TAGautocomplete .yui-ac-highlight .TAG-result,
.TAGautocomplete .yui-ac-highlight .TAG-query { color:#FFF; }
.TAGautocomplete .TAG-quantity { float:right; } /* push right */
.TAGautocomplete .TAG-result { color:#A4A4A4; }
.TAGautocomplete .TAG-query { color:#000; }

/*
** File archives
*/
.DC2_Row0 { background-color: #ffffff; padding: 3px; }
.DC2_Row1 { background-color: #F6F8F9; padding: 3px; }

.DC2_Row0 a { color: black; text-decoration: underline; }
.DC2_Row0 a:hover { color: crimson; text-decoration: none; }

tr.DC2_Row0:hover, tr.DC2_Row1:hover { background-color: #edf5ff; }




/*
** Project Navigator tools
*/
.ProjectsList {
    list-style: none;
    padding: 5px 5px 5px 10px;
    margin: 0px 0px 3px -25px;
    cursor: pointer;
    border: 1px solid #fff;
    display: block;
    background-color: #fff;
}

.ProjectsList:hover h3 {
    color: black;
}

.ProjectsList:hover {
    border: 1px solid #aaa;
    background-color: #E6F1FF;
    color: black;
}

.ProjectsListDescription {
    margin-left: 5px;  
}


/*
** DictionaryTermItem" style="height:24px; overflow:hidden;"
*/

.DictionaryTermItem {
    /*  height:24px; */
    width: 100%;
    overflow:hidden;
    border: 1px solid transparent;
    padding: 3px;
}

.DictionaryTermItem:hover {
    border: 1px solid #003399;
}



/*
** ProjectChecklistShortEditForm
*/
#ProjectChecklistShortEditForm table tr td b,
#ProjectChecklistShortEditForm table tr td div label
{
    color: #333;
    font-weight: bold;
}



/*
autocomplete styles...
*/
.ACBox { padding-bottom:2em;width:98%; }/* set width of widget here*/
.DC2ac_quantity,
.DC2ac_result,
.DC2ac_query { }
.DC2ac_quantity { float:right; } /* push right */
.DC2ac_result {  }
.DC2ac_query { }
.ACContainer { background-color: #fff; }


/*
** RATING subsystem...
*/
div.DCRateOff {
    background: white url('/images/icon-stop.png') no-repeat center;
    width:26px;
    height:26px;
    float: left;
    font-size: 80%;
    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: 80%;
    text-align: center;
}

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

div.DCRateStar1 {
    background: white url('/images/star.png') no-repeat center;
    width:26px;
    height:26px;
    float: left;
    font-size: 80%;
    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 {
    margin: 5px;
}


/*
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#SubCategoriesContainer h2{
    display:none;
}

div.DC2Forum_0 {
    background-color: transparent;
}

div.DC2Forum_1 {
    background-color: #EFECD9;
}



div.DC2Forum_Topic {
    /*
        background-color: #fff;
    */
    padding: 0px;
    margin: 0;
    display: block;
    clear: right;
    display:inline-block;
    width:100%;
    border: 1px dotted transparent;
}

div.DC2Forum_Topic:hover {
    border: 1px solid #ccc;
    background-color: #fffed7;
}



div.DC2Forum_DateBox {

    float: left;
    display:block;
    clear:right;

    text-align: left;
    min-width: 130px;
    width:30%;

    overflow: hidden;
    padding: 3px;
    margin: 0px;
}

div.DC2Forum_TopicPersonBox {
    float: left;
    display:block;
    clear:right;

    text-align: left;
    min-width: 120px;
    width:10%;

    overflow: hidden;
    padding: 3px;
    margin: 0px;
}

div.DC2Forum_TopicText {
    float: left;
    display:block;
    clear: right;

    text-align: left;
    min-width: 140px;
    width:40%;

    overflow: hidden;
    padding: 3px;
    margin: 0px;
}


div.DC2Forum_CountersBox{
    float: left;
    display:block;
    clear: right;

    text-align: center;
    min-width: 100px;
    width:8%;

    overflow: hidden;
    padding: 3px;
    margin: 0px;
}

div.DC2Forum_ControlsBox {

    float: right;
    display:block;
    clear: right;

    text-align: right;
    min-width: 140px;
    width:8%;

    overflow: hidden;
    padding: 1px 3px;
    margin: 0px;
}

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;

    border: 1px solid transparent;

    display:block;
    padding: 5px 7px;
    margin: 2px 2px 10px 2px;
    clear:right;
}

div.DC2_ForumAnswer:hover {
    /*
    border: 1px solid #aaa;
    background-color: #fffed7;
    */
}

div.DC2_ForumAvatarBox {
    position: relative;
    float: left;
    top: -5px;
    left: -7px;
    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: 138px;
}

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

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


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

div.DC2_ForumAnswerText {
    padding: 0 7px;
    margin-left:140px;
}

blockquote.DC2Quote {
    margin: 3px 3px 3px 7px;
    padding: 1px 1px 1px 32px;
    border-left: 5px solid #aaf;
    min-height: 16px;
    background-color: #eee;
    background-image: url('/images/32x32/quote.png');
    background-repeat: no-repeat;
    background-position: top left;
}


/*
** Dictionary terms...
*/

div.DictionaryTermItem {
    padding-left: 20px;
    margin: 5px 0px;
}

/*
** tabulator
*/

.yui-skin-sam .yui-navset .yui-nav a em, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
    padding: 0.2em 0.4em;
}

.yui-skin-sam .yui-navset .yui-nav .selected a em {
    padding: 0.2em 0.4em;
}



/*
** Polls subsystem
*/

div.PollBox {
    width: 50%;
    float: right;
    margin: 32px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
    border: 1px solid #aaa;
}

div.PollBoxTitle {
    font-weight: bold;
    background-color: #fff;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    margin: 0px;
    padding: 3px;
    position: relative;
    top: -16px;
    left: 10px;
    height: 16px;
    float: left;
    clear:right;
    z-index: 1000;
}

form#PollForm {
    margin-top:22px;
}

input.PollSelector {
    width:16px;
    margin: auto 8px;
}

.PollAnswer {
    margin: 0 0 3px 0;
    text-indent:-24px;
    padding:3px 3px 3px 22px;
}

.PollAnswer:hover {
    background-color: #FFF19F;
}

div.PollRate {
    background-image: url('/images/pollbar.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    background-color: transparent;
    border:1px solid #888;
}



/*
Add This
*/

/* Custom Icons */
.addthis_toolbox .custom_images a {
    width: 64px;
    height: 64px;
    margin: 0;
    padding: 0;
}
.addthis_toolbox .custom_images a img {
    opacity: 0.75;
    vertical-align: middle;
}
.addthis_toolbox .custom_images a:hover img {
    opacity: 1.0;
}


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


html, body {
    width: 100%;
    min-width: 1000px;
    height: 100%;
    background-color: #fff;
}
.clear {
    height: 0;
    line-height:0;
    font-size: 1px;
    clear: both;
}
a:hover {
    text-decoration: none;
    outline: none;
}
.kursinfo ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#fon {
}


.main {
    min-height: 700px;
}



.top {
    background: #922ba5 url(/ext/design/images/bgtopviolet.gif);
}
.topmain {
    height: 108px;
}
.topcenter {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    background: #922ba5 url(/ext/design/images/bgtopviolet.gif);
}
.logo {
    float: left;
}
.logoznak {
    position: relative;
    float: left;
    width: 100px;
    height: 108px;
    background: url(/ext/design/images/logoznak.gif) 16px 17px no-repeat;
    cursor: pointer;
}
.logotext {
    position: relative;
    float: left;
    width: 400px;
    height: 33px;
    padding: 65px 0 0 0;
    font-size: 12px;
    color: #ffffff;
    background: url(/ext/design/images/logotext.gif) 0 33px no-repeat;
    cursor: pointer;
}
 .logodot {
     width:9px;
     height:9px;
     position:relative;
     left:198px;
     top:-31px;
     z-index:2;
     visibility:visible;
     border:none;
 }
 
 
 .logosBlock {
    position: relative;
    float: right;
    width: 220px;
 	padding: 0 0 0 0;
 	margin: 0;
 	overflow: hidden;
 }
 
.logointel {
    position: relative;
    float: left;
    width: 110px;
    height: 72px;
    background-image: url(/ext/design/images/logointel.gif);
    background-position: right 10px;
    background-repeat: no-repeat;
}

.logointeltext{
	/* display: none;*/
    float: left;
    margin: 0;
    text-align: right;
    width: 220px;
    height: 30px;
    padding: 5px 3px 0 0;
    font-size: 9px;
    color: rgb(255, 255, 255);
   /* cursor: pointer; */
}


.logoEU {
    position: relative;
    float: left;
    width: 110px;
    height: 72px;
    background-image: url(/ext/design/images/EU_flag.jpg);
    background-position: left 10px;
    background-repeat: no-repeat;
    cursor: pointer;
}



.menu {
    height: 50px;
/*    background: #ffe720 url(/ext/design/images/bgmenuyellow.gif); */
	background-color: #720b85;

}
.menucenter {
    position: relative;
    width: 765px;
    margin: 0 auto;
    padding: 0 0 0 240px;
}
.menucenter li {
/*    float: left;*/
/*    padding: 12px 14px 0 14px; */
/*    height: 38px; */
    font-size: 20px;
    color: #9732a9;
/*    background: #ffe720 url(/ext/design/images/bgmenuyellow.gif);*/
}
.menucenter li a {
    text-decoration: none;
    outline: none;
    color: #9732a9; 

}
.menucenter li span {
    background: #ffffff;
    margin: 0 -14px;
    padding: 12px 14px 14px 14px;
}
.mainmenu {
    position: absolute;
    width: 100%;
    bottom: 6px;
}

body#fon .mainmenu {
   bottom: 10px; 
}


.mainmenucenter {
    position: relative;
    width: 1006px;
    margin: 0 auto;
}
.mainmenucenter a {
    text-decoration: none;
    outline: none;
}
.mainmenutop {
    float: left;
    width: 195px;
    margin: 0 3px;
    background: url(/ext/design/images/bgtopmainmenu.gif) no-repeat;
    cursor: pointer;
}
.mainmenubottom {
    position: relative;
    width: 177px;
    min-height: 80px;
    padding: 10px 9px 21px 9px;
    bottom: 0;
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    background-image: url(/ext/design/images/bgbottommainmenu.gif);
    background-position: bottom center;
    background-repeat: no-repeat;
    min-height: 90px;
}

.mainmenubottom h2,
.mainmenubottom h2 a,
.mainmenubottom h2 a:hover,
.mainmenubottom h2 a:visited
{
    font-size: 40px;
    font-family: Tahoma;
    font-weight: normal;
    padding: 0 0 5px 0;
    margin: 0;
    color: #e6c801;
}

.maintext {
    position: absolute;
    width: 100%;
    top: 140px;
}
.maintextcenter {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 0 0 0 20px;
    font-size: 34px;
    color: #000000;
}

/*
* new root menu
*/
.rootmainmenu {
/*
    background-image: url(/ext/design/images/bgfooterviolet.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
*/
/*
	background-color: #222;
*/
	background-color: #fff;
    overflow: auto;
}

.rootmenuwrapper {
    background-image: url(/ext/design/images/bgfooterviolet.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
	 width:1000px;
	 margin: 0 auto;
}



.rootmenuitem {
	cursor: pointer;
	float:left;
	width: 20%;
	text-align: center;
	padding:5px 0px;
	background-color: #720b85;
}

.rootmenuitem:hover {
/*
	background-color: #222;
	*/
}

.rootmenuitem h2 {
	margin: 0;
	padding: 0;
}

.rootmenuitem h2,
.rootmenuitem h2 a,
.rootmenuitem h2 a:hover,
.rootmenuitem h2 a:visited
{
	cursor: pointer;
	font-size: 24px;
	text-decoration: none;
    color: white;
}

.rootmenuitem h2 a:hover{
    color: #ffe61c;
}

.rootcanva {
/*
	background-color: #222;
*/
	background-color: #fff;
	 border: none;
	 height: 431px;
}

.rootcanvawrapper {
	 width:1000px;
	 margin: 0 auto;
	 overflow: hidden;
	 height: 431px;
	 padding: 0;
	 border: none;
}

.rootcanvaLeft {
	 width: 680px;
	 padding: 0;
	 margin: 0;
	 float: left;
	 height: 431px; 
	 cursor: pointer;
	 overflow: hidden;
	 border: none;
}

.rootcanvaRight {
	 width: 320px;
	 padding: 0;
	 margin: 0;
	 float: left;
	 height: 216px;
	 cursor: pointer;
	 overflow: hidden;
	 border: none;
}


.rootcanvaTextBlock {
        position:absolute;
        z-index:10000;
        top:-30000px;
        left:-30000px;
        background-color:#922BA5;
        color:white;
        font-size:16px;
        font-weight: bold;
        padding:7px;
	 border: none;
}

.rootcanvaTransparentTextBlock {
	background-color: transparent;
/*
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
        -khtml-opacity: 0.8;
        opacity: 0.7;
*/
}

.tema {
    position: absolute;
    width: 100%;
    bottom: 180px;
    cursor: pointer;
}
.temacenter {
    position: relative;
    width: 380px;
    margin: 0 auto;
    padding: 0 30px 0 630px;
    font-size: 21px;
    font-weight: bold;
    color: #ffffff;
}

.temacenter .temadate {
    font-size: 36px;
/*    font-family: Tahoma;*/
    font-weight: normal;
    padding-bottom: 10px;
}

.yellowtext {
    position: absolute;
    width: 100%;
    bottom: 220px;
    cursor: pointer;
}

.yellowtextcenter {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    font-size: 14px;
    color: #000000;
}

.yellowtextcenter b {
    font-size: 19px;
}

.yellowtextcenter li {
    margin: 4px 0 5px 0;
    list-style: none;
}

.yellowtextcenter li span {
    padding: 3px 5px;
    background: #e5d917;
}

.content {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    min-height: 685px;
}
.secondmenu {
    padding: 13px 0 40px 355px;
}
.secondmenu li {
    float: left;
    padding: 0 5px;
    font-size: 12px;
}
.secondmenu li a {
    font-weight: bold;
    color: #a9a9a9;
    text-decoration: none;
    outline: none;
}
.secondmenu li span {
    margin: 0 -5px;
    padding: 2px 5px;
    font-weight: bold;
    color: #ffffff;
    background: #a54ab5;
}
.leftmenu {
    float: left;
    width: 321px;
    margin: 0 0 0 14px;
}
.leftmenu h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #a54ab5;
}
.leftmenu li {
    margin: 20px 0 10px 0;
    padding: 0;
    font-size: 12px;
    color: #000000;
}
.leftmenu li a {
    color: #000000;
}
.rightcontent {
    float: left;
    width: 651px;
    margin: 0 0 0 14px;
}
.kurs {
    margin: 5px 0 20px 0;
    min-height: 155px;
    overflow: auto;
}
.kursimg {
    float: left;
    width: 193px;
    margin: 0 14px 0 0;
    cursor: pointer;
}
.kursimgtop {
    width: 193px;
    height: 25px;
    background: url(/ext/design/images/bgkursimgtop.gif);
}
.kursimgtop div {
    float: left;
    width: 133px;
    margin: 4px 0 0 0;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}
.kursimgtop div+div {
    width: 60px;
    color: #000000;
    overflow: hidden;
}

.kursimgbottom {
    width: 191px;
    border-left: 1px solid #932ca5;
    border-right: 1px solid #932ca5;
    border-bottom: 1px solid #932ca5;
    background-color: #eae7eb;
    text-align: center;
    min-height: 90px;
}

.kursinfo {
    float: left;
    width: 520px;
    font-size: 12px;
}
.kursinfo a {
    font-weight: bold;
    color: #000000;
}
.kursinfo ul {
    margin: 10px 0 0 0;
}

.kursinfo li {
    margin-bottom: 5px;
}

.kursinfo li b {
    color: #912aa4;
}

.kursinfo div {
    float: right;
    margin: 12px 0 0 7px;
}




.kur {
    overflow:auto;
}
.kurimg {
    float: left;
    width:301px;
    overflow: hidden;
}
.kurimgbottom {
    width: 301px;
    height: 30px;
    background: url(/ext/design/images/bgkurimgbottom.gif);
}
.kurimgbottom div {
    float: left;
    margin: 7px 10px 0 15px;
    font-size: 12px;
    font-weight: bold;
    color: #912aa4;
}

.kurimgbottom div+.addthis_toolbox,
.kurimgbottom div+div {
    margin: 1px 0 0 0;
}

.kurimgbottom div.addthis_toolbox {
    margin: 1px 0 0 0;
}

.kurimgbottom div.addthis_toolbox .custom_images {
    margin: 2px 0 0 0;
}

.kurinfo {
    float: left;
    width: 428px;
    padding: 0 0 0 18px;
}
.kurinfo h2 {
    font-size: 21px;
    color: black;
}
.kurinfo div {
    float: left;
    width: 200px;
    margin: 0;
    font-size: 12px;
/*    font-weight: bold; */
}

.kurinfo div.kuritemx2 {
    float: left;
    width: 400px;
    margin: 0;
    font-size: 12px;
/*    font-weight: bold; */
}

.kurinfo div h4 {
    font-size: 14px;
    font-weight: normal;
    color: #912aa4;
}

.kurinfo div p {
    margin: 0 0 2px 0;
    padding: 0;
}

.kurtext {
    margin: 0 0 18px 0;
    font-size: 14px;
}
.kurtexts {
    float: left;
    width: 320px;
    margin: 0 11px 18px 0;
    font-size: 12px;
}
.kurtexts+.kurtexts {
    margin: 0 0 18px 0;
}
.kurtexts h3, .kurtext h3 {
    margin: 0 0 7px 0;
    font-size: 16px;
    font-weight: bold;
    color: #912aa4;
}
.kurtexts h3 a, .kurtext h3 a {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #912aa4;
}
.prepod {
    float: left;
    width: 100px;
    margin: 0 25px 0 0;
}
.prepod a {
    color: #000000;
}
.comment1 {
    padding: 5px;
}
.comment2 {
    padding: 5px;
    background: #efecd9;
}
.commentfoto {
    float: left;
}
.commentdata {
    float: left;
    width: 130px;
    margin: 15px 0 0 0;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}
.commentdata span {
    font-size: 10px;
    color: #912aa4;
}
.commenttext {
    float: left;
    width: 400px;
    margin: 15px 0 0 0;
    font-size: 12px;
}
#content .empty {
    height: 104px;
}

#footer {
    height: 55px;
    background: #922ba5 url(/ext/design/images/bgfootervioletyellow.gif);
}
#footermain {
    height: 55px;
    background-color:  #922ba5;
	clear:both;
}

/*

    background-image: url(/ext/design/images/bgfooterviolet.gif);
    background-position: bottom left;
    background-repeat: repeat-x;

*/

body#fon #footermain {
/*    margin-top: -100px; */
}


.footercenter {
    width: 1000px;
    height: 55px;
    margin: 0 auto;
}
.footerinfo {
    float: left;
    width: 550px;
}
.infoicons {
    float: left;
    width: 72px;
    margin: 5px 0 0 18px;
}
.enon, .enoff, .ruon, .ruoff, .mail, .skype {
    width: 36px;
    height: 42px;
}
.enon, .enoff:hover {
    float: left;
    background-image: url(/ext/design/images/en.gif);
    background-position: top center;
}
.enoff {
    float: left;
    background-image: url(/ext/design/images/en.gif);
    background-position: bottom center;
}
.ruon, .ruoff:hover {
    float: left;
    background-image: url(/ext/design/images/ru.gif);
    background-position: top center;
}
.ruoff {
    float: left;
    background-image: url(/ext/design/images/ru.gif);
    background-position: bottom center;
}
.mail {
    float: left;
    background-image: url(/ext/design/images/mail.gif);
}
.skype {
    float: left;
    background-image: url(/ext/design/images/skype.gif);
}
.infoinfo {
    float: left;
    width: 240px;
}
.infoinput {
    margin: 10px 0 0 20px;
    float: left;
}
.infotext {
    margin: 5px 0 0 0;
    font-size: 11px;
    float: left;
    color: #dbb4e1;
    width: 200px;
}
.footericon {
    float: left;
    width: 450px;
    background-color: #878787;
    background-image: url(/ext/design/images/bgfootergray.gif);
}


.footericon .icon img {
	height: 34px;
	margin-top: 5px;
}

.login {
	clear:left;
    width: 100%;
    margin: 0 ;
    padding: 0;
    font-size: 12px;
}

.login a {
    color: #942da6;
}

.topcenter .login,
.topcenter .login a
{
    /* color: white; */ 
}


.input {
    margin: 5px 0 0 0;
}

.inputleft {
    float: left;
    width: 22px;
    height: 22px;
}
.inputcenter {
    float: left;
    height: 20px;
    background: #f8f8f8;
    border-top: 1px solid #adabad;
    border-bottom: 1px solid #adabad;
}
.inputcenter input {
    margin: 1px 0 0 0;
    border: 0;
    color: #919191;
}
.login .inputcenter {
    width: 170px;
}


.login .inputcenter input {
    width: 170px;
    border: 0px solid #aaa;
    background-color: #fff;
    margin: 1px;
    color: #444;
}


.footerinfo .inputcenter {
    width: 140px;
}

.footerinfo .inputcenter input {
    width: 140px;
    height: 13px;
    border: 0px solid #aaa;
    background-color: #fff;
    margin: 1px;
    color: #444;
}

.inputright {
    float: left;
    width: 22px;
    height: 22px;
}
.icon {
    float: right;
    width: 390px;
    padding-top: 7px;
    height: 48px;
}


div.DC2Logo {
	margin: 15px 7px;
	text-align: right;
	float: right;
}

div.DC2Logo  a {
	font-size: 10px;
}
/*
.icon div {
    float: left;
    width: 55px;
    height: 76px;
    padding: 25px 5px 0 5px;
}
*/

div.addthis_toolbox {
    margin-top:12px;
    margin-bottom:7px;
}



img.CommunityIcon {
    border: 0;
    vertical-align: -3px;
    margin-right: 5px;
}





/*
** new gallery styles
*/


.yui-skin-sam .yui-panel .hd {
	background-color: #fff;
}

.DC2GTNImgInDiv {
    padding:0;
    margin:0 auto;
    position: relative;
    width: 100%;
    opacity: 0;
}

.DC2_ImageFormEditCanva {
    float: right;
    width: 400px;
    z-index: 10000;
}
.DC2SwitcherRuler {
    position: relative;
    width: 100px;
    height: 20px;
    overflow: hidden;
    text-align: center;
}
.DC2SwitcherDiv {
    position: relative;
    width: 100px;
    height: 20px;
    overflow: hidden;
}

.DC2SwitcherInDiv {
    position: absolute;
    background-color: black;
    opacity: 0;
    top: 10px;
}

.DC2GTNDivInDiv {
    padding:0;
    margin:0 auto;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.DC2GTNEditInDiv {
    padding:0;
    margin:0 auto;
    position: absolute;
    max-width: 100px;
    height: 20px;
    overflow: hidden;
    z-index: 2;
}
.DC2GTNImg {
    padding:0;
    margin:0 auto;
    max-width:230px;
    max-height:170px;
}

.DC2_GalleryEditOnclickEventImage {
    padding:0;
    margin:0 auto;
}

.DC2_EditButton {
    z-index: 15;
}
.DC2_DragableUL {
    border-right: 1px solid #aaa;
    padding: 3px;
    margin: 1px;
    max-height:300px;
    overflow: scroll;
}

.DC2_DragableImg {
    max-height: 60px;
    max-width: 100px;
    overflow:auto;
}


.DC2_DragableLI1 {
    max-height: 300px;
    overflow:auto;
    text-align: left;
}


.DC2_DragableLI2 {
    max-height: 300px;
    overflow:auto;
    text-align: left;
    background-color: #e8f2ff;
}
.DC2GRuler {
    margin:0px;
    padding:0px;
    list-style: none;
    list-style-type: none;
    overflow:hidden;
    position:relative;
    left:0px;
    white-space:nowrap;

}

.DC2ScrollerCanvaHBar {
    border:1px solid #aaa; 
    /* background-color: #cca;  */
    height:12px; 
    margin: 0 auto; 
    padding:0;
    z-index: 5;
}
.DC2ScrollerCanvaHBarSB {
    border:1px solid #aaa; 
    background-color: #ddd; 
    height:10px; 
    width:60px;
    position:relative;
    left:0px;
    z-index: 1;
}

.DC2ScrollerLeftBtn{
/*    border:1px solid #aaa;
    background:#ddd;*/
    width:20px;
    height:346px;
    margin:1px; 
    padding:1px;
    float:left;
    overflow:hidden;
    background-image: url('/images/24x24/back.png');
    background-repeat: no-repeat;
    background-position: left center;
}

.DC2ScrollerRightBtn{
/*    border:1px solid #aaa; 
    background:#ddd;*/
    width:20px;
    height:346px;
    margin:1px; 
    padding:1px;
    float:right;
    overflow:hidden;
    background-image: url('/images/24x24/next.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.DC2LeftBtn{
    text-align: center;
    position: absolute;
    top: 30px;
    left: 0;
    height: 60%;
    width: 50%;
    z-index: 200;
}

.DC2LeftBtn:hover {
    background-image: url('/images/64x64/back.png');
    background-repeat: no-repeat;
    background-position: left center;
}


.DC2RightBtn{
    text-align: right;
    position: absolute;
    top: 30px;
    left: 50%;
    height: 60%;
    width: 50%;
    z-index: 200;
}

.DC2RightBtn:hover {
    background-image: url('/images/64x64/next.png');
    background-repeat: no-repeat;
    background-position: right center;
}


.DC2LeftOverBtn{
    left: 0;
    top: 0;
    visibility: hidden;
    width:70px;
    height:70px;
    float:left;
    position: absolute;
    overflow:hidden;
    z-index: 3;
    opacity: .7;
    font-size: 500%;
}

.DC2RightOverBtn{
    left: 0;
    top: 0;
    visibility: hidden;
    width:60px;
    height:70px;
    float:right;
    position: absolute;
    overflow:hidden;
    z-index: 3;
    opacity: .7;
    text-align: right;
    font-size: 500%;
}

.DC2GTnImagesCanva {
/*    height:352px;
    background:#4bb; */
    overflow:hidden;
}

.DC2_ImageGallerySlideShowBox {
    width:100%;
    border: 0px;
    height:100%;
    overflow: hidden;
}

.DC2_ImageGalleryEnvelope {
    width: 100%;
    height: 360px;
}

.DC2_TextInDiv {
    text-align: center;
    position: relative;
    z-index: 10;
    left: auto;
    height: 100%;
    width: 100%;
}

.DC2ScrollerCanva {
/*    border:1px solid #aaa;  */
    height:450px; 
    margin: 0 auto; 
    padding:0;
}

.DC2GalleryEditForm {
    max-width: 200px;
    max-height: 20px;
    float: right;
}

.DC2_GallerySelectList {
    float: left;
    text-align: left;
    max-height: 20px;
}

.DC2GFrame {
    margin: 2px auto;
    height: 26px; 
    text-align: center; 
    padding: 1px;
}

.DC2GFrame img{
    max-width:900px; 
    max-height:800px;
    text-align: center
}

.DC2GtnFrame{
    vertical-align: middle;
    text-align: center;
    margin:0;
    padding: 1px;
    float:left;
}

.DC2GtnFrame:hover {
	background-color: #720B85;
}

.DC2Play{
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.DC2Play:hover {
    background-image: url('/images/64x64/play.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}

.DC2Stop{
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.DC2Stop:hover {
    background-image: url('/images/64x64/stop.png');
    background-repeat: no-repeat;
    background-position: bottom center;
}


/*
** Facebook RSS
*/
ul#facebook {
	padding: 10px 0 10px 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
 
ul#facebook img { margin-right: 5px; }
 
ul#facebook li {
	padding: 10px 0 10px 0;
	margin: 0;
	overflow: hidden;
	border-bottom: solid 1px #E9E9E9;
}
 
ul#facebook li p {
	padding: 3px 0 3px 0;
	margin: 0;
	line-height: 18px;
}
 
ul#facebook a {
 
}
 
ul#facebook li a { color: #3B5998 !important; text-decoration: none; }
 
ul#facebook li a:hover { text-decoration: underline; }