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

* {
    box-sizing: border-box;
} 

body {
    font-family: "Open Sans", Vardana, Arial, Helvetica, sans-serif;
    font-size:1rem;
    margin:0;
    padding:0;
    background-color: #ffffff; /* #2b4c78; */
    color: #212121;
}

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

div.body-container {
    max-width: 1600px;
    margin: 0 auto;
    background-color:#ffffff;
    overflow: auto;
}

div.page-content-main-part {
	min-height: calc( 100vh - 60px);
}

* {
    box-sizing: border-box;
}

a {
    color: #445;
}

a:visited {
    color: #444;
}

a:hover {
    color: #844;
}



h1,h2,h3,h3 a, h4,h5,h6{
    color: #348;
    letter-spacing: 1px; font-weight: normal;
}

h1 { font-size: 2em; }
h2,
h2 a,
h2 a:hover
{ font-size: 1.8em; }
h3, h3 a { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }



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



/*
** Dynamic menu
*/
div.MainMenuContainer {
}

#SiteMainMenuBlock{
}

.ddsmoothmenu{
    background: #6688aa; /*background of menu bar (default state)*/
    min-height:45px;
	display: inline-block!important;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
    color: white;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
    background: #6688aa; /* background of menu items (default state)*/
    color: #ffffff;
    padding: 0.5em 1em;
    border-right: 0px solid #ddd;
}
.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
    background: #406090 !important; 
    color: white;
}

.ddsmoothmenu ul li a:hover{
    background: #406090; /*background of menu items during onmouseover (hover state)*/
    color: white;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
    position: absolute;
    top: 1em;
    right: 7px;
}

.rightarrowclass{
    position: absolute;
    top: .8em;
    right: 5px;
}

.leftarrowclass{
    margin-right: 5px;
}

/* ######### Mobile menu container CSS ######### */

div.ddsmoothmobile{ /* main mobile menu container */
    background: #6688aa;
    color: white;
}

div.ddsmoothmobile div.topulsdiv{ /* Single DIV that surrounds all top level ULs before being flattened, or the ULs on the "frontpage" of the menu */
    background: #6688aa;
}

div.ddsmoothmobile ul{ /* style for all ULs in general inside mobile menu */
    background: #6688aa;
}
div.ddsmoothmobile ul li.breadcrumb{ /* breadcrumb LI that's added to the top of every sub level UL */
    padding: 0.5em 1em;
    background: #305080;
}
div.ddsmoothmobile ul li a{
    padding: 0.5em 1em;
}
div.ddsmoothmobile ul li a:hover{
    background: #406090;
}
.animateddrawer{
    background: #6688aa;
}




/*
    /mainmenu
*/



.CategoryArticleContainer {
    display: table-row;
}

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

/*
glossary
*/
.GlossaryLetters {
    overflow: auto;
    margin: 3px;
    padding: 1px;
    border: 0px solid #aaa;
}

.GlossaryLetter {
    float: left;
    margin: 7px;
    padding: 7px;
    width: 18px;
    height: 18px;
    text-align: center;
    border: 1px solid #aaa;
}

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


.ArticleBody {
    padding-left: 10px;
}


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


.page-header {
}

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

.page-footer {
    clear:both;
    border-top: 1px solid #466;
    padding: 7px;
    text-align:center;
    background-color: #356;
    color: white;
    letter-spacing:1px;
}
.page-footer {
    font-size: 80%;
}

.page-footer a {
    color: white;
}

#columnWrapper {
}

#ToolsColumn{
    float: left;
    width: 20%;
    margin: 0px;
    padding: 1em 0em;
}

#MainColumn{
    margin: 0;
    width: 80%;
    padding: 0 1em 1em 1em;
    float: left;
}

#MainColumnSingle{
    margin: 0px;
    padding: 1em;
}

#MainColumn3{
    margin: 0;
    width: 60%;
    padding: 1em;
}



#MainColumn h1 {
}

#MainColumn p {
    /*
        line-height: 110%;
    */
}

#MainColumn pre {
    background-color: #000000;
    border: 1px solid #aaa;
    color: #00ff00;
    font-size: 1.3em;
    max-height: 500px;
    overflow: auto;
    padding: 1em;}

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

#RightColumn{
    float: right;
    width: 20%;
    margin: 0px;
    padding:  1em;
    /*
        min-height: 600px;
    */
}



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


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

#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 #348;
    background-color: #bce;
}

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


/*
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{
    width: 30%;
    float: left;
    text-align: center;
    border: 1px solid transparent;
    min-height:220px;
}

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


div.GalleryImageText {
    text-align: left;
    display:none;
}

div.GalleryImage img{
    width:100%!important;
}
div.GalleryImage h4{
    margin: 0;
    font-size:80%;
    text-align:left;
    min-height:25px;
}
/*
*/

.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 {
    vertical-align: top;
    font-size: 90%;
}

.news-sidebar ul li {
    list-style: none;
    border-left: solid 1px #466;
    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: 120%;
    margin: 0;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid crimson;
}

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

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


#NewsShowMoreButton {
    cursor: pointer;
    border: 1px solid #aaa;
    border-radius: 7px;
    padding: 5px 17px;
    margin: 7px 0 11px 0;

}

#NewsShowMoreButton:hover {
    background-color: #eef;
}


/*
*/
.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 #ddd;
    border-collapse: collapse;
    background-color: #ffffff;
    margin-top: 3px;
    margin-bottom: 3px;
}

.compactTABLE td, .compactTABLE th {
    border: 1px solid #ddd;
    padding: 5px 7px;
}

.compactTABLE th {
    border: 1px solid #ddd;
    background-image: url('/ext/design/images/backgrounds/th-navy.png');
    background-position: bottom left;
    background-size: 100% 100%;
    background-color: #fafcfe;
    font-weight: bold;
}

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


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

#FileArchive {
}

#FileArchiveContainer {
}

#ArchiveFileList_Pager {
}

.compactTABLE tr:hover,
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: #fafcfe;
}

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

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

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



/*
    Calendar
*/

#CalendarContainer,
.CalendarContainer {
    margin: 2em 0 1em 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
}

.CalendarContainer table,
table.Calendar {
    border-collapse:collapse;
    border-color: #fff;
    border: none;
	width: 100%;
}

table.Calendar * {
	font-size: 1em;
}

table.Calendar td {
    vertical-align: middle;
    text-align: center;
	height: 2.1em;
	border-radius: 0.7em;
}

table.Calendar th {
    font-weight: bold;
    width: 14.28%!important;
    vertical-align: middle;
    text-align: center;
}

.CalendarContainer span {
}

td.CalendarDayDoc:hover,
td.CalendarTodayDoc:hover,
td.CalendarSelectedDoc:hover
{
    background-color: #ddd;
}

td.CalendarDay:hover,
td.CalendarToday:hover,
td.CalendarSelected:hover,
td.CalendarEmpty:hover {
}


td.CalendarDay {
    cursor: text;
}

td.CalendarDayDoc {
    cursor: pointer;
    color: #0088c7;
}



td.CalendarToday {
    background-image: url("/ext/v5/AGrad.png");
    background-color: #525c97;
    background-repeat:repeat-x;
    color: white;
    cursor: text;
}

td.CalendarSelected {
    cursor: text;
	color: #0088c7;
	background-color: #ddd;
	border-radius: 0.7em;
}



td.CalendarTodayDoc {
	color: white;
	font-weight: bold;
	background-image: url("/ext/v5/AGrad.png");
	background-color: #525c97;
	background-repeat: repeat-x;
	cursor: pointer;
}

/*
td.CalendarSelectedDoc {
	color: #0088c7;
    cursor: pointer;
	background-color: #ddd;
}
*/

#ToolsColumn .CalendarContainer{
  font-size: 80%;  
}


div.GUI_CalendarContainer {
    float: left;
}

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

.Calendar_Navigator_CurrMonth,
.Calendar_Navigator_NextMonth,
.Calendar_Navigator_PrevMonth,
.Calendar_Navigator_NextYear,
.Calendar_Navigator_PrevYear
{
	width:1.2em;
	height:1.2em;
}

/*
** sitemap
*/

div.sitemap ul {
    margin: 0;
    padding: 0;
}
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: 0;
    padding: 0 0 0 5em;
}


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 div,
div.sitemap ul li ul li div,
div.sitemap ul li ul li ul li div,
div.sitemap ul li ul li ul li ul li div,
div.sitemap ul li ul li ul li ul li ul li div
{
    border-bottom: 1px solid #466;
    padding: 0 0 0 1em;
}

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;
	padding: 0.7em 0.5em;
}

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: inline-block;
    width:100%;
}


/*
** 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: #fafcfe; padding: 3px; }

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

/*
** 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 {

}


/*
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: #e4e4e4;
}



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 dotted #aaa;
    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: -9px;
    left: -11px;
    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: -21px;
    float: right;
    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: -35px;
    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;
}


/*
Actions
*/

.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-color: #932CA5;
    /*
    background: url(/ext/design/images/bgkursimgtop.gif);
    */
}
.kursimgtop div {
    float: left;
    width: 133px;
    margin: 4px 0 0 0;
    font: 12px Tahoma;
    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: 540px;
    font: 12px Tahoma;
}
.kursinfo a {
    font-weight: bold;
    color: #000000;
}
.kursinfo ul {
    margin: 10px 0 0 0;
}
.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: 12px Tahoma;
    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: 21px Tahoma;
    color: black;
}
.kurinfo div {
    float: left;
    width: 200px;
    margin: 0;
    font: 12px Tahoma;
    /*    font-weight: bold; */
}
.kurinfo div h4 {
    font: 14px Tahoma;
    font-weight: bold;
    color: #912aa4;
}

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

.kurtext {
    margin: 0 0 22px 0;
    font: 14px Tahoma;
    min-height:140px;

}
.kurtexts {
    float: left;
    width: 320px;
    margin: 0 11px 18px 0;
    font: 12px Tahoma;
}
.kurtexts+.kurtexts {
    margin: 0 0 18px 0;
}
.kurtexts h3, .kurtext h3 {
    margin: 0 0 7px 0;
    font: 16px Tahoma;
    font-weight: bold;
    color: #912aa4;
}
.kurtexts h3 a, .kurtext h3 a {
    margin: 0 0 10px 0;
    font: 16px Tahoma;
    font-weight: bold;
    color: #912aa4;
}
.prepod {
    float: left;
    width: 105px;
    margin: 0 55px 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: 12px tahoma;
    text-align: center;
    font-weight: bold;
}
.commentdata span {
    font: 10px tahoma;
    color: #912aa4;
}
.commenttext {
    float: left;
    width: 400px;
    margin: 15px 0 0 0;
    font: 12px tahoma;
}


/*
** Community
*/

.CommunityIcon {
    vertical-align:middle;
    border:0;
    padding:0;
    margin:1px 3px;
}


div.ButtonsContainer {
    overflow: auto;
    padding:7px;
    margin:0px;
    border: 0px solid #aaa;
}

div.ButtonsContainer div.YearButton {
    float: left;
    margin: 7px;
    padding: 7px;
    height: 18px;
    text-align: center;
    border: 1px solid #aaa;
}

div.ButtonsContainer div.YearButton:hover {
    background-color: #fafcfe;
    background-image: url('/images/btn26hover.png');
    background-repeat:repeat-x;
    background-position:bottom;
    cursor: pointer;
}



/*
** new gallery styles
*/

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

.DC2_ImageFormEditCanva {
    float: right;
    width: 400px;
    z-index: 10;
}
.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;
}

.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: #fafcfe;
}
.DC2GRuler {
    margin:0;
    padding:0;
    overflow:hidden;
    position:relative;
    left:0px;
    white-space:nowrap;
}

.DC2ScrollerCanvaHBar {
    border:1px solid #aaa; 
    background-color: #eee; 
    height:8px; 
    margin: 0 auto; 
    padding:0;
    z-index: 5;
}
.DC2ScrollerCanvaHBarSB {
    border:1px solid #aaa; 
    background-color: #ddd; 
    height:6px; 
    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: 100%;
    width: 100%;
    z-index: 10;
}

.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: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

.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;
    */
    background: white ; /* цвет фона канвы */
    overflow:hidden;
}

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

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

.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 {
    border: 0px solid #aaa;
    background-color: white;
    margin: 2px auto;
    max-width: 1500px; 
    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;
    /*    width:240px;
        height:176px;*/
    margin:0;
    padding: 3px;
    /*    border:1px solid #eee; */
    float:left;
    overflow:hidden;
}

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


#openstat1 img {
    vertical-align: middle;
}


@media (max-width:680px) {

    #ToolsColumn{
        margin: 0;
        width: auto;
        padding: 1em;
    }

    #MainColumn{
        margin: 0;
        padding: 1em;
    }

}


.CodeMirror {
    border: 1px solid #eee;
    font-size:1.3em;
}

.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
    font-size:1em;
}