@import url("/i/i/css/common.css");
body {
	margin: 0px;
	padding: 0px;
	background-color: #102020;
	/*text-align: center;*/
}
.phpdigHighlight {
	background-color: #FFFF00;
}

.bottom {
	padding: 10px 8px;
}

.dot {
	background-image: url(/i/dot.gif);
	background-repeat: repeat-y;
}
.dotHoriz {
	background-image: url(/i/i/dotHoriz.gif);
	background-position: center;
	background-repeat: repeat-x;
	padding: 10px 0px;
}

.kbShowAll
{
	margin-top: 10px;
}
.kbCurrent
{
	color: #0067b3;
	font-weight: bold;
}
.galleryIcon {
	border: 1px solid #bebebe;
	padding: 5px;
	margin: 0px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	display: block;
}

.blog-messages .message
{
	border: 1px solid #999;
	margin: 5px 0px;
}
.blog-messages .message .info .date
{
	background-color: #0f0;
	float:right;
}

.blog-messages .message .info .tag
{
	background-color: #ccc;
	float:left;
}
.blog-messages .message .body,
.blog-messages .comment .body
{
	clear: both;
}

.blog-messages .comments
{
	padding: 0px 0px 0px 20px;
}
.blog-messages .comments .info  .date
{
	background-color: #cff;
	float:left;
}
.blog-messages .comments .info .user
{
	background-color: #cff;
	float:right;
}

.blog-messages .message .ctrl
{
	margin-bottom: 10px;
}
.blog-messages .message .form .wait
{
	width:100%;
	height:170px;
	background-image: url('/i/ssm/fck/gear.gif');
	background-repeat: no-repeat;
	background-position: center center;
}
.blog .message .form .wait
{
	width:100%;
	height:170px;
	background-image: url('/i/ssm/fck/gear.gif');
	background-repeat: no-repeat;
	background-position: center center;
}

.blog-messages .comment .body.ban
{
	background-color: #ddd;
}

.error
{
	font-weight: bold;
	color: #f00;
}

/* styles for modal drug-n-drop window */

div.jqDrag {
	cursor: move;
}
div.jqDnR {
    z-index: 3;
    position: relative;
}

div.jqmDialog2 {
	overflow: hidden;
	border: 1px solid #005298;
	background-color: #ffffff;
}

div.jqmDialog {
	display: none;
	width: 400px;
	overflow: hidden;
	border: 1px solid #005298;
	background-color: #ffffff;
}

div.jqmdT {
	background-color:#E8F2F9;
	padding: 5px;
	color:#2E66A4;
	font-weight:bold;
	border-bottom: 1px solid #005298
}
input.jqmdX {
	position: absolute;
	right: 7px;
	top: 4px;
}
/* --- Blog - Anounce --- */
.blogAnnounce {
	text-align:left;
	border:#005298 1px solid;
}
.blogAnnounce .title {
	color:#215c9e;
	font-weight: bold;
	font-size:13px;
	background-color:#e7f3fa;
	border-bottom:#005298 1px solid;
	padding:4px 7px 5px 7px;
}
.blogAnnounce .blogs {
	padding:14px 8px 17px 7px;
}
.blogAnnounce .blogs .notfirst {
	padding-top:22px;
}
.blogAnnounce .blogs .intro {
	padding-top:13px;
	padding-bottom:12px;
}
.blogAnnounce .blogs .intro p{
	margin:0px;
}
.blogAnnounce .blogs .next {
	text-align:right;
}
/* ------ Blog --------- */
.urlBlogs {
	padding-bottom:7px;
	text-align:right;
}
.blog, .blogMessages {
	padding-left: 12px;
	padding-right:12px;
	border:#2483c9 1px solid
}
.blogAnchor {
	font-size:11px;
}
.blogLine {
	color:#FFFFFF;
	background-color:#2483c9;
	padding-top:8px;
	padding-left: 12px;
	padding-bottom:8px;
}
.description {
	padding-top:12px;
	padding-right:38px;
}
.counter {
	padding-top:12px;
	padding-bottom:12px;
}


.post {
	padding-left:9px;
	background-color:#f4f4f4;
}
.intro {
	padding-top:8px;
	padding-bottom:6px;
}
.post .counter {
	text-align:right;
	padding-right:5px;
	padding-top:10px;
	padding-bottom:0px;
}
.intro .text {
	padding-right:12px;
}
.intro .text p {
	margin:0px;
}
.blogAnchor2 {
	text-decoration:none;
}
.blogMessages .title:first-child {
	padding-top:17px;
}
.blogMessages .title {
	padding-top:25px;
}
.divider, .blogMessages .counter, .blog-comments, .blog .date {
	background-color:#e7e8e9;
}
.blog-comments, .blogMessages .counter {
	width:100%;
}
.divider {
	height:2px;
	margin-top:5px;
	margin-bottom:6px;
}
.blogMessages .counter {
	padding:0px;
}
.blog-comments {
	border-collapse:collapse;
}
.blog .date {
	padding-left:10px;
	padding-top:7px;
	padding-bottom:4px;
}
.blogMessages .date, .blog .date {
	font-size:10px;
	color:#5d5d5d;
	font-weight:bold;
}
.blogMessages {
	padding-bottom:14px;
}
.blogMessages .body {
	padding-top:18px;
	padding-bottom:18px;
}
.blogMessages .body p{
	margin:0px;
}
/* ------ Blog --------- */
/* --- Blog  Comments --- */
.blog-comments div.button
{
	width:98%;
	text-align:right;
}
.blog-comments .hat td
{
	background-color:#d6d7d8;
}
.blog-comments .hat .title
{
	padding:2px 10px;
}
.blog-comments .post-comment
{
	text-align: right;
	padding:2px 10px;
}
.blog-comments .post-comment a
{
	font-size:80%;
	color:#666666;
	padding:0px 7px 0px 20px;
	font-weight:bold;
	text-decoration: none;
}

.blog-comments .userpic
{
	width:50px;
}

.blog-comments .info
{
	padding:3px 0px;
}

.blog-comments .comment table
{
	width: 100%;
}

.blog-comments .comment .body
{
	padding: 5px 0px;
}
.blog-comments .comment td.tdComment
{
	padding: 5px 20px 5px 10px;
}
.blog-comments .comment .info .date1
{
	color:#8c8c8c;
}
.blog-comments .comment .info .user1
{
	color:#8c8c8c;
	font-weight:bold;
}
.blog-comments .comment .add
{
	text-align:right;
}

.blog-comments .form td.messageFormControls
{
	text-align:right;
}

.blog .intro .head .comment
{
	float:right;
	padding:0px 7px;
}

.blog-comments .comment .body.ban
{
	font-style:italic;
}

.blog-comments textarea.commentArea
{
	width: 98%;
}

/* link to view full post from head of post or intro */
.blog .intro .head .comment a
{
	color:#d0d0d0;
	font-weight:bold;
	text-decoration: none;
	padding:0px 7px;
	background-position:right center;
	background-repeat: no-repeat;
	background-image:url('/i/i/blog/a_grey.gif');
}

.blog .comment .comments
{
	padding-left: 10px;
}

/*-----------------------------------*/

#pureComments .comment .commentContent
{
	display:none;
}
#pureComments .comment
{
	padding: 0px;
}
#pureComments .currentComment
{
	border: 1px solid white;/*for IE. Withou borders it doesn't draw margins at the root level*/
}

#pureComments .currentComment .comment
{
	padding-left: 15px;
}

#pureComments .currentComment .commentContent
{
	display:block;
}

*>#pureComments .currentComment .commentContent
{
	display:table;
}

#pureComments .currentComment .comment .comment .comment .comment .comment .commentContent
{
	display:none;
}

#pureComments .currentComment .comment .comment .comment .comment .comment
{
	padding-left: 0px;
}
#pureComments .currentComment .comment .comment .comment .comment .threadLinks
{
	display:block;
	margin-bottom:5px;
}

#pureComments .threadLinks,
#pureComments .currentComment  .comment .comment .comment .comment .comment .threadLinks
{
	display:none;
}

#pureComments .threadLinks
{
	background-color: #dcdcdc;
	text-align: center;

}
#pureComments .threadLinks a
{
	font-weight: bold;
}

.editor-blogs #pureComments .currentComment
{
	border: 1px solid #e7e8e9;/*for IE. Withou borders it doesn't draw margins at the root level*/
}

.editor-blogs .hidden
{
	display:none;
}

.editor-blogs .levelControl
{
	text-align:right;
	padding:2px 5px;
}

.blog .editor-blogs .comment .comments
{
	padding-left:0px;
}

/* blue content frame */
.blueFrame div.title
{
	background-color: #2483c9;
	padding-top: 8px;
	padding-left: 12px;
	padding-bottom: 8px;
}
.blueFrame div.title, .blueFrame div.title a
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
}
.blueFrame .content
{
	padding: 12px;
	border:#2483c9 1px solid;
}

/* gray content frame */
.grayFrame
{
	margin-bottom: 10px;
}
.grayFrame div.title
{
	background-color:#E7E8E9;
	color:#5D5D5D;
	font-size:10px;
	font-weight:bold;
}
.grayFrame div.title, .grayFrame div.title a
{

}
.grayFrame .content
{
	border: none;
	background-color:#F4F4F4;
}
.kbArticlesComments .hidden {
	display:none;
}

.paging .pageSelector .pagesList
{
	padding: 0px 10px; 
}

.paging .pageSelector .pagesList div
{
	float: left;
	margin-left: 1px;
}

.blockReg
{
	width: 434px;
}

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


.mainTable
{
	width: 1000px;
	background-color: #fff; 
}

.innerHeader
{
	height: 120px;
	background: black url(/i/i/inner_logo.jpg) no-repeat top left;
	position: relative;
	z-index: 190;
	padding: 120px 50px 0px 50px;
}

.innerContentArea 
{
	padding: 15px 50px 15px 50px;
}

.mainHeader
{
	height: 319px;
	background: #0c0d12 url(/i/i/main_logo.jpg) no-repeat top left;
	position: relative;
	padding: 160px 50px 0px 445px;
}

.mainHeader2
{
	height: 85px;
	background: #0c0d12 url(/i/i/main_logo2.jpg) no-repeat top left;
	/*position: relative;*/
	padding: 5px 50px 0 270px;
}

.blueGradientFooter
{
	background: #1e364c url(/i/i/bottom_gradient.gif) repeat-x 0 0;
}

.blueGradientFooter .contactusDefaultTemplate
{
	margin: 10px 50px 10px 50px;
	width:900px;
}

.bottom
{
	background-color: #000;
	padding: 15px 50px 25px;
}

.bottom .copyRights
{
	color: #fff;
}

.bottom .menu a
{
	color: #9ce2ff;
	
}

.topContacts
{
	color: white; 
	padding-bottom: 13px; 
	position:absolute; 
	top: 6px; 
	right: 50px;
}

.topContacts a
{
	color: white;
}

/*top menu rollover*/
.topMenuArea 
{
	position: absolute;
	/*left: 275px;*/
	right: 50px;
	top: 37px;
}
.top_menu_left_corners
{
	width: 3px;
}
.top_menu_right_corners
{
	width: 3px;
}
.topMenuSeparator
{
	background-image: url(/i/i/topMenuSeparator.png);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 4px;
}

#topMenu
{
	margin: 0;
	padding: 0;
	border: 0;
}
#topMenu .itemLevel1
{
	height: 33px;
	background: url(/i/i/top_menu_bg.png) 0 0 repeat-x;
	white-space:nowrap;
}

#topMenu .itemLevel1:hover,
#topMenu .itemLevel1.current
{
	background-position: 0 -33px;
}

#topMenu a 
{
	color: #fff;
	text-decoration: none;
	display: block;
}

#topMenu .itemLevel1 a
{
	padding: 6px 27px 5px;
	font-size: 13pt;
	font-family: Times New Roman;
	font-weight: bold;
}

#topMenu td div
{
	position: relative;
	height: 33px;
}
#topMenu td div table.level2
{
	border: 0;
	visibility:hidden;
	width: auto;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
}

#topMenu .itemLevel1 div table a
{
	font-family:Arial;
	font-size: 11pt;
	color: #fff;
	font-weight: normal;
	padding: 6px 15px 5px;
}

#topMenu td div td
{
	margin: 0;
	background-image: none;
	text-transform: none;
	white-space: nowrap;
	border-bottom: 1px solid #000;
}
#topMenu td div table a,
#topMenu li table a
{
	background-color: #2b526c;
}
#topMenu td div table a:hover
{
	background-color: #465801;
}
#topMenu tr.last td
{
	border: none;
}
#topMenu tr.last td table
{
	width:100%
}
#topMenu .itemLevel1 tr.last td a
{
	padding-bottom: 2px;
}
#topMenu .last .mid
{
	background-color: #2b526c;
}

#topMenu td div:hover table
{
	visibility: visible;
}
/* holder */
/* holder 'MENU' link. Also defines holder border color*/

.holderMenu
{
	padding: 0px 5px;
	margin-top: 0px;
	background-color: #00730e;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	position: absolute;
	height: 16px;
	z-index: 300;
	line-height: normal !important;
}

/* Holder border. Color is defined by JS using holderMenu or holderEdited class background-color property*/
.holderBorder
{
	border-width: 1px;
	border-style: dotted;
	position: absolute;
	background-color: transparent;
	z-index: 200;
}

/* Changed holder dropdown menu & 'Menu' link. Also defines changed holder border color*/
.holderEdited
{
	background-color: #bf1f4b;
}

/* block */
.blockMenu
{
	padding: 0px 5px;
	margin-top: 0px;
	background-color: #1ebf33;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	white-space:nowrap;
	height: 16px;
	z-index: 300;
	line-height: normal !important;
}

/* block */
.hiddenBlockMenu
{
	padding: 0px 5px;
	margin-top: 0px;
	background-color: #AAAAAA;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	white-space:nowrap;
	height: 16px;
	z-index: 300;
	line-height: normal !important;
}
.hiddenBlockMenuShow
{
	cursor: pointer;
}
.hiddenBlockMenuShow:hover
{
	background-color: black;
}
.blockBorder
{
	border-width: 1px;
	border-style: dashed;
	position: absolute;
	background-color: transparent;
	z-index: 200;
}

.blockEdited
{
	background-color: #fe0000;
}

.highlighted
{
	border-width: 2px;
	border-style: solid;
}

/* menu */
.menuBorder
{
	border: 1px dotted #aaa;
	position: absolute;
}

.menuMenu
{
	padding: 0px 5px;
	margin-top: 0px;
	background-color: #aaa;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	white-space:nowrap;
	height: 16px;
	z-index:300;
}

.menuMenu .ddMenu, .menuMenu .ddMenu a.ddMenuItem
{
	background-color: #aaa;
}


/* -------------------------- */
.ddMenu
{
	padding: 10px 5px;
	margin-top: 0px;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	white-space:nowrap;
	height: auto;
	width: 160px;
	position:absolute;
	text-align:left;
	z-index:400;
}
.ddMenu .subMenu
{
	position: absolute;
	left: 91%;
	top:0px;
	display:none;
	height: auto;
	width: 160px;
	padding: 5px;
	
}
.ddMenu a.ddMenuItem
{
	color: #fff;
	display: block;
	text-decoration: none;
}

.ddMenu a.ddMenuItem.sub
{
	background-image: url(/i/i/small_arow1.gif);
	background-position: 90% 50%;
	background-repeat: no-repeat;
}

.ddMenu a.ddMenuItem:hover
{
	background-color: #000;
}

.ddMenu .hr
{
	height: 1px;
	overflow:hidden;
	margin:4px 4px 4px 0px;
	padding: 0px;
	background: white;
}

/*----------------------*/

.editorDiv
{
	position: absolute;
	top: 120px;
	left: 10px;
	width: 760px;
	z-index: 400;
	padding: 0px;
	background-color:#ffffff;
	border: 1px solid #999999;
	height: 560px;
}

.libraryDiv
{
	position:absolute;
	left:10px;
	width:850px;
	height:630px;
	z-index:400;
	padding:0px;
	background-color:#ffffff;
	border: #999999 solid 1px;
}

.referencesDiv
{
	position:absolute;
	top:10px;
	left:10px;
	width:550px;
	height:250px;
	z-index:400;
	padding:0px;
	background-color:#ffffff;
	border: #999999 solid 1px;
}

.requestDiv
{
	position:absolute;
	top:10px;
	left:10px;
	width:700px;
	height:450px;
	z-index:400;
	padding:0px;
	background-color:#ffffff;
	border: #999999 solid 1px;
}

.functionalDiv
{
	position:absolute;
	top:10px;
	left:10px;
	width:540px;
	height:310px;
	z-index:400;
	padding:0px;
	background-color:#ffffff;
	border: #999999 solid 1px;
}

.editorFrame
{
	width: 750px;
	height: 530px;
	border: 1px solid #ffffff;
}

.libraryFrame
{
	width: 840px;
	height: 560px;
	border: 1px solid #ffffff;
}

.referencesFrame
{
	height: 185px;
	width: 540px;
	border: 1px solid #dddddd;
}

.requestFrame
{
	height: 410px;
	width: 690px;
	border: 1px solid #dddddd;
}

.functionalFrame
{
	width: 520px;
	height: 235px;
	border: 1px solid #dcdcdc;
}

.changeVisDiv,
.viewVisDiv
{
	position:absolute;
	top:10px;
	left:10px;
	width:600px;
	height:490px;
	z-index:400;
	padding:0px;
	background-color:#ffffff;
	border: #999999 solid 1px;
}

.changeVisFrame,
.viewVisFrame
{
	width: 590px;
	height: 415px;
	border: 1px solid #dcdcdc;
}

.viewVisDiv
{
	width:700px;
}
.viewVisFrame
{
	width:690px;
}

.holder_show
{
	display:block;
	visibility:visible;
	background-color: #eee;
	border-style: solid;
	min-height: 17px;
}

.editor_dragger
{
	text-align: right;
	padding:0px;
	margin:0px;
	background: #ebf5ff;
	height: 15px;
	overflow: hidden;
	cursor: move;
}

.frameContainer
{
	padding:5px;
}

.holderLabels
{
	height: 16px;
	float: left;
	border: 1px solid white;
	padding-left:2px;
	padding-right:2px;
}

.blockLabels
{
	float: left;
}

.pageDataEdited
{
	background-color: #fee;
}

table#pageSEOData.editable
{
	background-color: #efe;
}

.box
{
	text-align: left;
	margin: 5px;
}

.box_btn
{
	height: 20px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	text-align: left;
}

.box_btn a img
{
	border: none 0px transparent;
}

.box_help
{
	display: none;
	border: dashed 1px green;
	margin: 3px 7px 7px 7px;
	padding: 4px;
}

.box_option td
{
	vertical-align: top;
}

.box_option .page-info .title
{
	font-weight:bold;
}
.box_rights
{
	float: left;
	padding-top: 1em;
	text-align: center;
}

/* modal windows */
div.faceDialog {
	display: none;
	position: fixed;
	top: 17%;
	left: 20%;
	width: 950px;
	height: auto;
	overflow: hidden;
	background-color: #fff;
}
fieldset.modal {
	border: 2px solid #A1A1A1;
	padding: 0px;
}

fieldset.modal table.standartTable {
	margin: 10px;
	width: auto;
}
.faceDialog .jqmClose img {
	display: block;
	position: absolute;
	overflow: hidden;
	z-index: 3100;
	top: 1px;
	right: 1px;
	padding: 0 0 0 14px;
	height: 13px;
	width: 0px;
	background: url('/i/ssm/closediv.gif') no-repeat top left;
	overflow: hidden;
}
.faceDialog .jqDrag {
	padding: 0;
	margin: 0;
	background: #ebf5ff;
	height: 15px;
	overflow: hidden;
	cursor: move;
}
.jqmOverlay {
	background: #000;
	z-index: 2980;
}
.wrapper
{
	height: 0;
	clear: both;
	overflow: hidden;
}

table.topPageInfoTable td
{
	padding-right: 40px;
	padding-left: 10px;
}

table.topPageInfoTable td.template
{
	border-right: 1px solid gray;
	padding-left: 0px;
	padding-right:10px;
}
table.topPageInfoTable td .pageTypeChangeTb td
{
	padding-left:0px;
	padding-right:0px;
}
.bottomPart, .topPart
{
	border: 2px solid #ccc;
	margin: 3px 5px;
}

.treeMenuDefault a
{
	text-decoration: none;
}
.topPart
{
	border-bottom:none;
}

.bottomPart .modeTD
{
	border-right: 1px solid #ccc;
	width: 200px;
	text-align:left;
}

.bottomPart .urlTD
{
	border-right: 1px solid #ccc; 
	padding: 0px 10px;
}
.bottomPart .buttonsTD
{
	width:215px;
	padding: 0px 10px;
}

.bottomPart .jumpToDialog
{
	position:absolute;
	border: 1px solid #999;
	background-color: #fff;
	display:none;
	width:600px;
}

.bottomPart .jumpToDialog .jumpToFilter
{
	padding: 10px;
	text-align:left;
	background-color:#fff;
}

.bottomPart .jumpToDialog .jumpToContainer
{
	text-align:left;
	background-color: #fff;
	height: 400px;
	overflow: auto;
}

div.topPageInfo
{
	border: 1px solid #ccc;
	padding:5px;
}

.pageInfoTitle
{
	font-size: 16px;
	font-weight: bold;
	padding: 5px 0px;
}

.page-info.pageParams td.framed
{
	border: 1px dashed #1EBF33;
	padding-left: 3px;
	padding-right: 3px;
	
}

.page-info.pageParams td.framed.edited
{
	border: 1px dashed #FE0000;
}

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

div.wrapper
{
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	font-family:Arial;
	font-size: 12px;
}

div.wrapper div.holder_wr
{
	border:1px dotted #00730E;
}

div.wrapper div.holder_wr.unpublished
{
	border:2px solid #BF1F4B !important;
}

div.wrapper div.holder_menu
{
	position: absolute;
	z-index: 101;
	background-color: #00730E;
	color: white;
	font-weight: bold;
	width: 40px;	
	text-align:center;
	border: 1px solid white;
}

div.wrapper div.holder_menu.unpublished
{
	background-color: #BF1F4B !important;
}

div.wrapper div.block_wr
{
	border:1px dotted #1EBF33;
}

div.wrapper hidden.block_wr
{
	border:1px dotted #888888;
}

div.wrapper div.block_menu
{
	background-color: #1EBF33;
	color: white;
	font-weight: bold;
	width: 40px;	
	text-align:center;
	border: 1px solid white;
}

div.wrapper div.block_menu_moved
{
	background-color: #BF1F4B;
	color: white;
	font-weight: bold;
	width: 20px;	
	text-align:center;
	border: 1px solid white;
}

div.wrapper div.hidden_block_menu
{
	background-color: #888888;
	color: white;
	font-weight: bold;
	width: 40px;	
	text-align:center;
}

div.holder_selected
{
	border:2px solid #00730E !important;
}

div.block_selected
{
	border:2px solid #1EBF33 !important;
}

div.wrapper div.holder_menu_body
{
	position: absolute;
	z-index: 102;
	background-color: #00730E;
	color: white;
	font-weight: bold;
	width: 40px;	
	text-align:left;
	display: none;
	cursor: default;
	padding-top: 4px;
	padding-bottom: 4px;	
	border: 1px solid white;
}

div.wrapper div.holder_menu_body.unpublished
{
	background-color: #BF1F4B !important;
}

div.wrapper div.block_menu_body
{
	position: absolute;
	z-index: 102;
	background-color: #1EBF33;
	color: white;
	font-weight: bold;
	width: 40px;	
	text-align:left;
	display: none;
	cursor: default;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid white;
}

div.wrapper div.hidden_block_menu_body
{
	position: absolute;
	z-index: 102;
	background-color: #888888;
	color: white;
	font-weight: bold;
	width: 40px;	
	text-align:left;
	display: none;
	cursor: default;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid white;
}



td.menu_option
{
	cursor: default;
	padding-left: 8px;
}

td.menu_hr
{
	text-align: center;
}

td.menu_hr hr
{
	width: 70%;
	border: 1px solid white;	
}

td.menu_selected
{
	background-color: black;
}

/******* popup *********/
.popup 
{
	position: fixed;
	z-index: 110;
	display: none;
	background-color: red;
	margin-left: auto;
	margin-right: auto;
  	top: 100px;	
}

.zakryvashka
{
	position: absolute;
	z-index: 508;
	background-color: #222222;
	background: url("/i/1x1.png");
}

.reorder_placeholder
{
	border: 1px dashed blue;
}

.reorder_wires
{
	border: 1px dotted green;
	cursor: move;
}

#reorder_panel
{
	position:fixed;
	height:20px;
	width:100%;
	z-index: 31000;
	bottom: 0px;
	left: 0px;	
	/*padding-left: 64px;*/
	background: url('/i/ssm/i/Content/rainbow.png');
	border-top: 1px solid black;
	font-family: Verdana;
	font-size:12px;
	display: none;
}

#reorder_panel a
{
	color: blue;
}

.visibilityLegend .pageInfo
{
	float: left;
}

.visibilityLegend .legendLeft
{
	text-align: center;
}

.visibilityLegend .legendRight
{
	padding-left: 15px;
}

.visibilityLegend .currentPage
{
	background-color: #fffCD3;
	border: 1px dotted blue;
	padding: 1px 3px;
}

.visibilityLegend .blockVisible
{
	background-color: #C1E4A2;
	padding: 1px 3px;
}
.visibilityLegend .blockHidden
{
	background-color: #5E6D72;
	padding: 1px 3px;
	color: white;
}

.visibilityLegend .withoutMarker
{
	background: #fff;
	border: 1px solid gray;
	padding: 1px 3px;
}
.visibilityLegend .notPublished
{
	border: 1px solid #f00; 
}
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0px;
	background-color: #7a7448;
	height: 27px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 50px; /* be nice to Opera */
	background-color: #7a7448;
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0px;
    /*background: url(/i/tab.png) no-repeat;*/
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
}
.tabs-nav a {
    top: 1px;
    z-index: 2;
    padding-left: 0;
	padding-right: 0;
    color: #ffffff;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */
}

.tabs-nav .tabs-selected
{
	background-color: #514f30;
}
.tabs-nav .tabs-selected a {
    color: #ffffff;
	font-size: 18px;
	padding-top: 0px;
	background: url(/i/i/cmnt_tab_l.gif) left no-repeat;
}

.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
   /* background-position: 100% -150px;*/
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    /*background-position: 100% -100px;*/
}
.tabs-nav a span {
    width: 50px; /* IE 6 treats width as min-width */
    min-width: 50px;
    height: 20px; /* IE 6 treats height as min-height */
    min-height: 20px;
    padding-top: 7px;
	padding-right: 5px;
	padding-left: 5px;

}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    /*padding-top: 7px;*/
	color: white;
	background: url(/i/i/cmnt_tab_r.gif) right no-repeat;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    /*background-position: 0 -50px;*/
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    /*background-position: 0 0;*/
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
   	/*cursor: text;*/
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    /*opacity: .4;*/
}
.tabs-container {
    /*border-top: 1px solid #97a5b0;*/
    padding: 0px 8px 1em;
    /*background: #fff;*/ /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}
/*
#sectionMenuContainer ul
{
	list-style-type: none ;
	list-style-image: none;
	background: #7a7448 url(/i/i/cmnt_profile_corner_rt.gif) top right no-repeat;
	width: 435px;
}

#sectionMenuContainer ul li
{
	background-image: none;
	padding: 0px;
}
*/
div.selectbox-wrapper {
  position: absolute;
  width: 400px;
  background-color: white;
  border: 1px solid #000000;
  margin: 0px;
  margin-top: 0px;
  padding: 0px;
  font-size: 11px;
  text-align: left;
  overflow: auto;
  line-height: 9px;
}
div.selectbox-wrapper ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
}
div.selectbox-wrapper ul li {
  list-style-type: none;
  display: block;
  margin: 0px;
  padding: 2px;
  cursor: pointer;
}
div.selectbox-wrapper ul li.hover {
	background-color: #0a246a;
	color: #ffffff;
}
.selectbox /* look&fell of  select box*/
{
  margin: 0px;
  padding-left: 1px;
  display : block;
  text-align: left;
  background: url('/i/i/bg_select.gif') right no-repeat;
  cursor: pointer;
  font-size:11px;
}
.conversation a {
	color: #0067b3;
	font-weight:bold;
	font-size: 11px;
}
.conversation .see-more
{
	text-align: right;
}
.conversation .topic
{
	width: 100%;
}
.conversation .stat.info td
{
	text-align: right;
}
.conversation input.title
{
	padding: 0px;
}
.conversation .topic .stat span, .conversation .stat.info span
{
	margin-right: 10px;
}
.conversation .commentContent .ctrl
{
	text-align: right;
}
.conversation .hidden
{
	display: none;
}

.categoryTitle
{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 7px;
}

.topicInfo
{
	font-size: 11px;
	color: #adadad;
}

.conversation-all-most-recently a.readmore
{
	font-size: 11px;
}

.topicTitle
{
	font-weight: bold;
}
/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.modalWindow
{
    /*background-color: #ffffff;*/
    color: #333;
    border: none;
    position: relative;
}
.modalWindow input.jqmdX {
	position: absolute;
	right: 7px;
	top: 5px;
}
.modalWindow .title
{
	color:#000;
	background-color: #fff;
	font-weight:bold;
	font-family:Times New Roman;
	font-style: italic;
	font-size:20px;
	border-left: 2px solid #487d9b;
	border-right: 2px solid #487d9b;
}
.modalWindow .title .padding
{
	padding: 10px;
}
.modalWindow .modalWindowContent
{
	position: absolute;
	width: auto;
	background-color: #ffffff;
	border-left: 2px solid #487d9b;
	border-right: 2px solid #487d9b; 
}
.modalWindow .modalWindowContent .padding
{
	padding: 12px;
}