/* Use this file for cBase Tools related CSS rules */
/* For project related CSS rules, use project.css! */

body.loginBody {
	background-color:#C91C20;
}
.clear:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clear {
	display:inline-block;
}
html[xmlns] .clear {
	display:block;
}

.accordionContent:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.accordionContent
{
	display:inline-block;
}
html[xmlns] .accordionContent {
	display:block;
}


body {
	/*overflow			: hidden;*/
	padding				: 0;
	margin				: 0;
	width				: 100%;
	height				: 100%;
}

h2 {
	font-size: 14px;
}

div#toolsMessages {
	/*height				: 21px;*/
}

div#loader {
	background-image:url(/static/images/tools/cms/loader2.gif);
	background-position:0 50%;
	background-repeat:no-repeat;
	height:25px;
	margin-top:10px;
	padding:0;
	position:absolute;
	right:14px;
	top:59px;
	width:25px;
}

div#toolsContentMain {
	margin-left			: 24px;
	overflow			: auto;
}

div#toolsContentSub {
	margin				: 0;
	padding				: 0;
	overflow			: auto;
}

div#loggedUserInfo {
	margin-bottom: 0pt;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0pt;
	/*position: absolute;
	right: 14px;
	top: 10px;*/
	width:	200px;
	text-align: right;
	float: right;
}

/*div#loggedUserInfo {
	margin-bottom: 0pt;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0pt;
	position: absolute;
	right: 14px;
	top: 10px;
	width:	200px;
	text-align: right;
}*/

/*label {
	display				: block;
	float				: left;
	clear				: left;
	width				: 230px;
}
*/

div.hidden {
	display				: none;
}

div.header {
	margin-top			: 12px;
	margin-bottom		: 4px;
}

div#toolsCmsNaviTree a {
	text-decoration		: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;

}
div#toolsCmsNaviTree li {
	margin				: 2px 0px 0px 10px;
	list-style			: none;
}
div#toolsCmsNaviTree form {
	display:none; /* remove when search is fully implemented */
}

/* layout.css changes by jtirkkon */

/* tools general */

div.content {
	margin-top: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

img.toplogo {
		margin-left: 20px;
}

div#topheader {
		padding-top: 27px;
		height: 58px;
}
.clearboth {
		clear: both;
		font-size: 1px;
}
.leftcol {
		float: left;
		width: 50%;
}
.rightcol {
		float: right;
		width: 50%;
		text-align: right;
}
table {
		margin-left: 10px;
		margin-top: 6px;
		margin-bottom: 6px;
}
table tr {
		border-bottom: 1px solid #f5f5f5;
}
table td {
		padding-top: 2px;
		padding-bottom: 2px;
}
table tr:hover {
		border-bottom: 1px solid #b3b3b3;
}
table tr th {
		border-bottom: 2px solid #c74734;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 20px;
		padding-right: 5px;
}
table tr th:hover {
		border-bottom: 2px solid #c74734;
		padding-top: 3px;
		padding-bottom: 3px;
}
div#content {
		margin-left: 30px;
		margin-top: 10px;
}
h1 {
		font-size: 12pt;
		margin-top: 4px;
		margin-bottom: 2px;
		color: #c74734;
		text-transform: uppercase;
}
.rightmenucol {
		float: right;
		border-top: 1px solid #993728;
		font-size: 10pt;
		color: white;
		padding-right: 2%;
		padding-top: 3px;
		height: 23px;
		width: 18%;
		text-align: right;
		background: url(/static/images/tools/topmenurow_bg.gif) repeat-x;
}
.leftmenucol {
		float: left;
		border-top: 1px solid #993728;
		width: 80%;
		height: 26px;
		background: url(/static/images/tools/topmenurow_bg.gif) repeat-x;
}

/*div#messages {
	margin: 0px;
	position: absolute;
	background-image: url(/static/images/tools/cms/alert_bg.gif);
	background-repeat: repeat-x;
	bottom: 0px;
	width: 100%;
	background-color: #b62007;
	z-index: 3;
	position: fixed;
}

div#messagesLeft {
		background: transparent url(/static/images/tools/cms/alert2.gif) no-repeat;
		width: 52px;
		height: 50px;
		float: left;
		margin: 4px 0px 0px 10px;
		width: 24px;
		height: 22px;
}*/

#messages {
	margin: 0px;
	position: absolute;

	bottom: 0px;
	width: 100%;

	z-index: 3;
	position: fixed;
}
* html #messages {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	display:block;
}

.error {
	background-image: url(/static/images/tools/cms/alert_bg.gif);
	background-repeat: repeat-x;
	background-color: #b62007;
}

.notice {
	background-image: url(/static/images/tools/cms/notice_header_bg.gif);
	background-repeat: repeat-x;
	background-color: #9aa400;
}

.ok {
	background-image: url(/static/images/tools/cms/ok_header_bg.gif);
	background-repeat: repeat-x;
	background-color: #24a300;
}

div#messagesLeft {

	width: 52px;
	height: 50px;
	float: left;
	margin: 4px 0px 0px 10px;
	width: 24px;
	height: 22px;
}

.error #messagesLeft{
	background: transparent url(/static/images/tools/cms/alert2.gif) no-repeat;
}

.notice #messagesLeft {
	background: transparent url(/static/images/tools/cms/notice_icon.gif) no-repeat;
}

.ok #messagesLeft {
	background: transparent url(/static/images/tools/cms/ok_icon.gif) no-repeat;
}

div#messagesMid {

		/*height: 21px;*/
		float: left;
		padding-left: 10px;
		padding-top: 6px;
		padding-bottom: 2px;
		padding-right: 0px;
}

div#messagesRight {
		/*height: 29px;*/
		float: right;
}

#messagesRight a {
	float:right;
	display:inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(/static/images/tools/cms/alert_close.gif);
	background-repeat: no-repeat;
	background-position: right;
	text-decoration: none;
	padding: 7px 16px 11px 0px;
	margin: 3px;
}



/* CMS */
div#toolsContentLeftCol {
		float: left;
		width: 73%;
		border-right: 1px dotted #a6a6a6;
		padding-right: 2%;
		padding-left: 0%;
		min-height: 500px;
}

div#toolsContentRightCol {
		float: right;
		width: 24%;
}

/* Poista
div.accordionToggler {
		height: 19px;
		padding-top: 7px;
		padding-bottom: 0px;
		padding-left: 10px;
		padding-right: 0px;
		margin-top: 2px;
		margin-bottom: 0px;
		border-left: 2px solid #c74734;
}
*/


li.site {
		padding-bottom: 10px;
}
li.category {
		padding-left: 18px;
		padding-top: 0px;
		padding-bottom: 2px;
		padding-right: 0px;
}

li.page {
		padding-left: 18px;
		padding-top: 0px;
		padding-bottom: 2px;
		padding-right: 0px;
}

div#cmsEditorElements {
		position: absolute;
		clear: none;
		padding: 8px;
		overflow: auto;
		display: block;
		margin-left: -12px;
		margin-top: -12px;
		z-index: 10;
		border-top: 0px;
		border-left: 1px solid #c9301c;
		border-right: 1px solid #c9301c;
		border-bottom: 1px solid #c9301c;
}

.elementsFile {
	padding: 8px 8px 8px 130px !important;
}

.elementsText {
	padding: 8px 8px 8px 130px !important;
}

.elementsImage {
	padding: 8px 8px 8px 130px !important;
}

#searchKeywordDiv {
	float: left;

}

.categorySelectDiv, #categorySelectDiv, #categorySelectDiv * {
	float: left;
}
div.toolsCloseSmallContainer {
	width:100%;
	position:relative;
}
.toolsCloseSmall {
	width: 16px;
	height: 16px;
	position: absolute;
	top: -8px;
	right: -8px;
	margin: 0;
	padding: 0;
	z-index: 11150;
}
* html .toolsCloseSmall {
	right:-9px
}


/* form styles */
input.text {
		border-top: 1px solid #e0968c;
		border-left: 1px solid #e0968c;
		border-bottom: 1px solid #c95d4d;
		border-right: 1px solid #c95d4d;
}

/*form label {
		border-top: 1px solid #E0968C;
		width: 106px;
		padding-top: 2px;
}*/

/*form input {
		border-top: 1px solid #e0968c;
		border-left: 1px solid #e0968c;
		border-bottom: 1px solid #c95d4d;
		border-right: 1px solid #c95d4d;
		width: 430px;
		height: 16px;
		padding: 4px;
		margin-bottom: 12px;
}*/

form textarea {
		border-top: 1px solid #e0968c;
		border-left: 1px solid #e0968c;
		border-bottom: 1px solid #c95d4d;
		border-right: 1px solid #c95d4d;
		width: 430px;
		height: 200px;
		padding: 4px;
}

input.toolsButton {
	width:	130px !important;
	height: 32px !important;
	border: 0px !important;
	margin-right: 10px !important;
	margin-top: 10px !important;
}
#addNewImage #submit, #addNewFile #submit, #addNewText #submit  {
	width:	130px;
	height: 32px;
	border: 0px;
	margin-right: 10px;
	margin-top: 10px;
	background: transparent url(/static/images/tools/submit_button_glare_bg.gif) no-repeat;
	color: white;
}

#addNewImage #cancel, #addNewFile #cancel, #addNewText #cancel {
	width:	130px;
	height: 32px;
	border: 0px;
	margin-right: 10px;
	margin-top: 10px;
	background: transparent url(/static/images/tools/cancel_button_glare_bg.gif) no-repeat;
	color: white;
}

#addNewImage #remove, #addNewFile #remove, #addNewText #remove {
	width:	130px;
	height: 32px;
	border: 0px;
	margin-right: 10px;
	margin-top: 10px;
	background: transparent url(/static/images/tools/delete_button_glare_bg.gif) no-repeat;
	color: white;
}

.buttonSubmit, .buttonCancel, .buttonPreview, .buttonRemove,
#addNewImage #submit, #addNewImage #cancel, #addNewImage #remove,
#addNewFile #submit, #addNewFile #cancel, #addNewFile #remove,
#addNewText #submit, #addNewText #cancel, #addNewText #remove
{
		padding: 0px 0px 1px 28px;
}

.elementContent {

}

.elementContentWrapper {
	float: left;
	width: 250px;
	clear: both;
	margin-bottom: 10px;
}

.borderWrapper {
	border: 1px solid #cccccc;
	padding: 2px;
	background-color:#F9F9F9;
}

#addNewImage .elementContentWrapper, #addNewFile .elementContentWrapper {
	float: left;
	clear: both;
	margin-bottom: 10px;
	width: auto;
}

.elementContentTinymce {
	float: left;
	clear: both;
}

.elementContent .textinput {
	width: 255px;
	height: 20px;
	background-image: url(/static/images/tools/cms/input_field_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #b0b0b0;
	float: left;
	clear: both;
	background-color: #f5f5f5;
}

.elementContent label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7d8186;
	display:block;
	/*float: left;
	clear: both;*/
	margin: 4px 0px 4px 0px;


}
.elementContent label.checkbox {
	color:#7D8186;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	margin: 4px 0px 4px 0px;
	display: inline;
}
.elementContent select option {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.elementContent select option.inner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-left: 6px;
}

form input.radio {
		width: 14px;
}

form input.checkbox {
		width: 14px;
}


/* Login page styles */
div#authLogin {
	background-image:url(/static/images/tools/login_bg.png);
	background-repeat:no-repeat;
	height:451px;
	margin:60px auto 0;
	padding:94px 0 0 365px;
	width:410px;
}
form#loginForm input {
		margin-bottom: 6px;
		width: 155px;
}

form#loginForm input.loginPassword {
		margin-bottom: 4px;
}

form#loginForm fieldset {
		width: 300px;
		height: 140px;
		border: 1px solid #b2b2b2;
}
form#loginForm div {
		display:block;
		padding:5px 5px 0 5px;
}
form#loginForm input#Login {
	background-image:url(/static/images/tools/login_button.png);
	background-repeat:no-repeat;
	border:0 none;
	cursor:pointer;
	height:39px;
	margin-left:70px;
	overflow:hidden;
	text-indent:-9999px;
	width:84px;
}

form#loginForm label {
	border:0 none;
	display:block;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	width:95px;
}

form#loginForm {
		margin-left: 10px;
		margin-top: 10px;
}

/* Vasenmman ty�kalupalkin muotoilut alkaa */

#toolbar_container {
	float: left;
	width: 265px;
	/*display: none;*/
	position: absolute;
	top:96px;
	height: 88%;
	left: -242px;
}
* html #toolbar_container {
	top:99px;
}
#toolbar {
	width: 242px;
	height: 100%;
	background-color: #142438;
	background-image: url(/static/images/tools/cms/toolbar_top_bg.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #000000;
	float: left;
	display:inline;
}

#toolbar_handle {
	display:block;
	height:61px;
	width:22px;
	background: transparent url(/static/images/tools/cms/toolbar_handle.png) top left no-repeat;
}
* html #toolbar_handle {
	background-image: url(/static/images/tools/cms/toolbar_handle.gif) !important;
}
#searchKeywordDiv {
	float: left;
	display:inline;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#searchKeywordDiv .searchField {
	border:0px none;
	background-image: url(/static/images/tools/elements/element_search_bg.gif);
	background-repeat: repeat-x;
	font-family:verdana, arial, helvetica,sans-serif;
	font-weight:normal;
	font-size: 9pt;
	height:19px;
	margin:0px 0pt 0pt 0px;
	padding:3px 0px 0px 0px;
	width:202px;
	float: left;
	clear: none;
}

#searchKeywordDiv #submitSearchButton {
	background-color:transparent;
	background-image:none;
	border:0 none;
	clear:none;
	float:none;
	height:22px;
	width:46px;
}

#searchKeywordDiv .search_left {
	background-image: url(/static/images/tools/elements/element_search_left.gif);
	width: 5px;
	height: 22px;
	float: left;
	display:inline;
}

#searchKeywordDiv .search_right {
	/*background-image: url(images_elementlist/element_search_button.gif);*/
	display: block;
	width: 46px;
	height: 23px;
	float: left;
}

#toolbar_title {
	margin: 20px 0px 6px 5px;
	padding: 0px;
	float: left;
	display:inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
}

#toolbar_handle {
	position:absolute;
	top:0;
	right:0;
}

#tree_container {
	float: left;
	width: 242px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color:#FFFFFF;
	background-image: url(/static/images/tools/cms/toolbar_tree_shadow.gif);
	background-repeat: repeat-x;

}

#tree_title {
	float:left;
	width: 236px;
	background-color: #eeeeee;
	margin: 0px;
	padding: 3px 0px 4px 6px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #a8a8a8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #ed9602;
}

#sites_tree {
	margin: 0px;
	padding: 0px;

}



#sites_tree ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#sites_tree li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	display: block;
	clear: both;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	/*float: left;*/
}

#sites_tree li .opener {
	float: left;
	width: 16px;
	height: 16px;
	background-image: url(/static/images/tools/cms/opener_closed.gif);
	background-repeat: no-repeat;

}

#sites_tree li .opened {
	float: left;
	width: 16px;
	height: 16px;
	background-image: url(/static/images/tools/cms/opener_opened.gif);
	background-repeat: no-repeat;

}

#sites_tree li .no-opener {
	float: left;
	width: 16px;
	height: 16px;
	background-image: none;

}

#sites_tree li .web_document_txt_selected {
	font-weight: bold;
}

#sites_tree li.default .web_document {
	float: left;
	width: 18px;
	height: 16px;
	background-image: url(/static/images/tools/cms/icon_web.gif);
	background-repeat: no-repeat;
	margin: 0px 3px 0px 0px;

}

#sites_tree li.hidden .web_document {
	float: left;
	width: 18px;
	height: 16px;
	background-image: url(/static/images/tools/cms/icon_web_hidden.gif);
	background-repeat: no-repeat;
	margin: 0px 3px 0px 0px;

}

#sites_tree li.locked .web_document {
	float: left;
	width: 18px;
	height: 16px;
	background-image: url(/static/images/tools/cms/icon_web_locked.gif);
	background-repeat: no-repeat;
	margin: 0px 3px 0px 0px;

}

#sites_tree li .web_document_txt {

}

#sites_tree li.hiddenlocked .web_document {
	float: left;
	width: 18px;
	height: 16px;
	background-image: url(/static/images/tools/cms/icon_web_lockedhidden.gif);
	background-repeat: no-repeat;
	margin: 0px 3px 0px 0px;

}

#sites_tree li.hidden .web_document_txt {
	color: #999999;
}

#sites_tree li.hiddenlocked .web_document_txt {
	color: #999999;
}

#sites_tree li.new_page_placeholder_on .placeholder_img {
	float: left;
	width: 18px;
	height: 17px;
	background-image: url(/static/images/tools/cms/icon_web_addnew.gif);
	background-repeat: no-repeat;
	margin: 0px 3px 0px 0px;

}

#sites_tree li.new_page_placeholder_off .placeholder_img {
	float: left;
	width: 18px;
	height: 17px;
	background-image: url(/static/images/tools/cms/icon_web_insertpage.gif);
	background-repeat: no-repeat;
	margin: 0px 3px 0px 0px;
	background-position: 0px 3px;
}

#sites_tree li.new_page_placeholder_on .placeholder_txt {
	color:#333333;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:9pt;
	font-weight:normal;
	text-decoration:none;
}

#sites_tree li.new_page_placeholder_off {
	margin: 2px 0 3px 39px;
	padding: 0px;
}

#sites_tree li.new_page_placeholder_on {
	margin: 3px 0 2px 39px;
	padding: 0px;
}


#sites_tree li .preview {
	float: right;
	width: 16px;
	height: 16px;
	background-image: url(/static/images/tools/cms/icon_preview.gif);
	background-repeat: no-repeat;
	margin: 0px 3px 0px 3px;

}


#sites_tree li a:link, #sites_tree li a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	float: left;
}

#sites_tree li li {
	margin: 3px 0px 0px 23px;
}



#sites_tree li .sitewrapper .web_document {
	float: left;
	width: 19px;
	height: 19px;
	background-image: url(/static/images/tools/cms/icon_site.gif);
	background-repeat: no-repeat;
	margin: 0px 3px 0px 0px;

}



#sites_tree li .sitewrapper a {
	font-weight: bold;
}

#sites_tree .pagewrapper {

}

/*
#sites_tree .pagewrapper.selected {
	display: block;
	float: left;
	background-color: #CCCCCC;
}
*/
#sites_tree li.select_testi {
	display: block;
	float: left;
	background-image: url(/static/images/tools/cms/sitetree_select_bg.gif);
	background-repeat: repeat-x;
}

/* Vasemman ty�kalupalkin muotoilut loppuu */

/* CMS Editorin muotoilut alkaa */



div.accordionContent {
		border-right: 1px solid #c74734;
		border-left: 1px solid #c74734;
		border-bottom: 1px solid #c74734;
		padding: 12px;
		color: #4d4d4d;
		border: 1px solid #142438;
		background-image: url(/static/images/tools/cms/images_contentbox/accordion_content_bg.gif);
		background-color:#FFFFFF;
		background-repeat: repeat-x;
		margin : 0px auto 0px auto;
		overflow : auto;
}


div.accordionToggler {

}


div.accordionToggler:hover {
	background-image: url(/static/images/tools/cms/images_contentbox/accordionToggler_white_over_bg.gif);
	background-repeat: repeat-x;
}

div.accordionSelected {
		background-image: url(/static/images/tools/cms/images_contentbox/accordionToggler_bg.gif) !important;
		background-repeat: repeat-x;

}

div.accordionSelected:hover {
		/*background-image: url(/static/images/tools/cms/images_contentbox/accordionToggler_white_over_bg.gif) no-repeat top right;*/
		/*color: white;*/

}


div.accordionToggler {
	height:26px;
	margin: 5px auto 0px auto;
	padding:0px 0px 0px 0px;
	background: url(/static/images/tools/cms/images_contentbox/accordionToggler_white_bg.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;

}

div.accordionSelected div#accordionToggler_header_left {
	background-image: url(/static/images/tools/cms/images_contentbox/accordionToggler_left.gif) !important;
	width: 4px;
	height: 26px;
	float: left;

}

div.accordionSelected div#accordionToggler_header_right {
	background-image: url(/static/images/tools/cms/images_contentbox/accordionToggler_right.gif) !important;
	width: 4px;
	height: 26px;
	float: right;
	margin: 0px;
	padding: 0px;

}

div.accordionToggler:hover #accordionToggler_header_left {
	background-image: url(/static/images/tools/cms/images_contentbox/accordionToggler_white_over_left.gif);
	width: 4px;
	height: 26px;
	float: left;
}


div.accordionToggler #accordionToggler_header_right {
	background-image: url(/static/images/tools/cms/images_contentbox/accordionToggler_white_right.gif);
	width: 4px;
	height: 26px;
	float: right;
}


div.accordionToggler #accordionToggler_header_left {
	background-image: url(/static/images/tools/cms/images_contentbox/accordionToggler_white_left.gif);
	width: 4px;
	height: 26px;
	float: left;
}

div.accordionToggler:hover #accordionToggler_header_right {
	background-image: url(/static/images/tools/cms/images_contentbox/accordionToggler_white_over_right.gif);
	width: 4px;
	height: 26px;
	float: right;
}


/* EiValittu */

div.accordionToggler_white {
	height:26px;
	margin: 5px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-image:url(images_contentbox/accordionToggler_white_bg.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;

}

div.accordionToggler_white_left {
	background-image: url(images_contentbox/accordionToggler_white_left.gif);
	width: 4px;
	height: 26px;
	float: left;

}

div.accordionToggler_white_right {
	background-image: url(images_contentbox/accordionToggler_white_right.gif);
	width: 4px;
	height: 26px;
	float: right;
	margin: 0px;
	padding: 0px;

}

/* EiValittu hover */

div.accordionToggler_white_over {
	height:26px;
	margin: 5px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-image:url(images_contentbox/accordionToggler_white_over_bg.gif);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;

}

div.accordionToggler_white_over_left {
	background-image: url(images_contentbox/accordionToggler_white_over_left.gif);
	width: 4px;
	height: 26px;
	float: left;

}

div.accordionToggler_white_over_right {
	background-image: url(images_contentbox/accordionToggler_white_over_right.gif);
	width: 4px;
	height: 26px;
	float: right;
	margin: 0px;
	padding: 0px;

}

div.accordionContent_template {
	border: 1px solid #142438;
	background-image: url(/static/images/tools/cms/images_contentbox/accordion_content_bg.gif);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	margin : 0px auto 0px auto;
	padding: 10px;
	height:300px;
	overflow:auto;
}

.accordionToggler_title, .accordionToggler_white_title, .accordionToggler_white_over_title {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 5px;
	display: block;
	float: left;

}

/* content boxi tausta */

* html div#cmsEditorElements {
	overflow:visible;
}

#toolsCmsContent {
	margin: 0px auto 0px auto;
	padding:0px;
	background-color: #dfdfdf;
}

#toolsCmsContent_content {
	padding: 10px 12px 0px 12px;
	background-image: none !important;
}

#toolsCmsContent_header {
	position:relative;
	width:100%;
}

#toolsCmsContent_header_left {
	width: 12px;
	height: 13px;
	background: transparent url(/static/images/tools/cms/images_contentbox/toolsCmsContent_header_left.gif) top left no-repeat;
	position:absolute;
	top:0;
	left:0;
}

#toolsCmsContent_header_right {
	width: 12px;
	height: 13px;
	background: transparent url(/static/images/tools/cms/images_contentbox/toolsCmsContent_header_right.gif) top right no-repeat;
	position:absolute;
	top:0;
	right:0;
}

#toolsCmsContent_footer {
	position:relative;
	width:100%;
	background-color: #dfdfdf;
	height:13px;
}

#toolsCmsContent_footer_left {
	width: 12px;
	height: 13px;
	background: transparent url(/static/images/tools/cms/images_contentbox/toolsCmsContent_footer_left.gif) bottom left no-repeat;
	position:absolute;
	bottom:0px;
	left:0;
}

#toolsCmsContent_footer_right {
	width: 12px;
	height: 13px;
	background: transparent url(/static/images/tools/cms/images_contentbox/toolsCmsContent_footer_right.gif) bottom right no-repeat;
	position:absolute;
	bottom:0px;
	right:0;
}
#toolsCmsContent_footer_left , * html #toolsCmsContent_footer_right {
	bottom:-1px;
}
.template {
	width: 229px;
	height: 176px;
	margin: 0px 10px 0px 10px;
	padding: 0px;
	float:left;
	display:inline;
}

.template_selected {
	width: 229px;
	height: 176px;
	background-image: url(/static/images/tools/cms/images_contentbox/template_selected.png);
	margin: 0px 10px 0px 10px;
	padding: 0px;
	float:left;
	display:inline;
}

.template_hover {
	width: 229px;
	height: 176px;
	background-image: url(/static/images/tools/cms/images_contentbox/template_hover.png);
	margin: 0px 10px 0px 10px;
	padding: 0px;
	float:left;
	display:inline;

}

.template_image {
	/*width: 200px;
	height: 148px;*/
	margin: 14px 0px 0px 14px;
	padding: 0px;
	float: left;
	display:inline;
}

.templateInfo {
	margin: 15px 0px 15px 0px;
	display: block;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	width: 200px;
	text-align: center;
}

.accordionContent input {
	width: 255px;
	height: 20px;
	background-image: url(/static/images/tools/cms/input_field_bg.gif);
	background-repeat: repeat-x;
	background-color: #f5f5f5;
	border: 1px solid #b0b0b0;
	float: left;
	clear: both;
}
* html .checkbox {
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	background:none !important;
}

.accordionContent label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7d8186;
	/*float: left;
	clear: both;*/
}
.accordionContent_field_sort {
	float:left;
	width:300px;
	margin:4px 0;
	display:inline;
}

.accordionContent a.sort_button {
	width: 215px;
	height: 31px;
	float: left;
	display:inline;
	background-image: url(/static/images/tools/cms/images_contentbox/sort_button.gif);
	background-repeat: no-repeat;
	clear: both;
	margin: 0px;
	padding: 8px 0px 0px 60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.accordionContent .accordionContent_left {
	float: left;
	width: 300px;

}

.formContent_left {
	float: left;
	width: 300px;

}

.formContent_right {
	float: left;
	width: 300px;

}

.accordionContent .accordionContent_right {
	float: left;
	width: 300px;

}

#topnavi {
	position:relative;
	width: 100%;
	height: 96px;
 	background-image: url(/static/images/tools/cms/topnavi_bg.gif);
	background-repeat: repeat-x;
	background-position:top left;
	background-color:#e32708;
	border: 0px;
	margin: 0px;
	z-index:2000;
}

#topnaviToolsError {
	position:relative;
	width: 100%;
	height: 96px;
 	background-image: url(/static/images/tools/cms/topnavi_bg_error.gif);
	background-repeat: repeat-x;
	background-position:top left;
	background-color:#e32708;
	border: 0px;
	margin: 0px;
}

#topnavi_header {
	width: 100%;
	height: 66px;
	border: 0px;
	margin: 0px;
}

#logo {
	float: left;
	width: 298px;
	height: 29px;
	background-image: url(/static/images/tools/cms/cbase_logo.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 0px 20px;
	padding:0px;
}

#topnavi_link {
	width: 100%;
	height: 30px;
	border: 0px;
	margin: 0px;
}

.accordionContent .textinput, .accordionContent_field .textinput {
	width: 255px;
	height: 20px;
	background-image: url(/static/images/tools/cms/input_field_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #b0b0b0;
	float: left;
	clear: both;
}

.accordionContent input.checkbox {
	width: auto !important;
	height: auto !important;
	clear: none !important;
	margin: 2px 4px 4px 0px;
	float: left;
}

#accessgroups input.checkbox {
	width: auto !important;
	height: auto !important;
	clear: left !important;
	margin: 2px 4px 4px 0px;
	float: left;
}

#accessgroups label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7d8186;
	float: left;
	clear: right;
}

.accordionContent_field .categoryDropdown {
	float: left;
	clear: both;
	background-image: url(/static/images/tools/cms/input_field_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #b0b0b0;

}

.accordionContent #accessgroups input.group_checkbox {
	float: left;
	margin: 2px 4px 4px 4px
}

.accordionContent #accessgroups label.groupslabel {
	clear: right;
}

#accessgroupscontent {
	float: left;
	height: 100px;
	width: 300px;
	border: 1px solid #666666;
	overflow: auto;
	margin: 10px 0px 0px 0px;
	padding: 5px;
}

#userFormRoleBox {
	float: left;
	height: 200px;
	width: 300px;
	border: 1px solid #666666;
	overflow: auto;
	margin: 10px 0px 0px 0px;
	padding: 5px;
}

#userFormRoleBox input.checkbox {
	width: auto !important;
	height: auto !important;
	clear: left !important;
	margin: 2px 4px 4px 0px;
	float: left;
}
#userFormRoleBox label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7d8186;
	float: left !important;
	clear: right !important;
	margin: 0px !important;
}
.accordionContent_field {
	width: 300px;
	height: auto;
	display: block;
	float: left;
	margin: 4px 0px 4px 0px;
}

.accordioncontent_right .accordionContent_field label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7d8186;
	float: left;
	clear: none;
}

.accordioncontent_left .accordionContent_field label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7d8186;
	float: left;
	clear: both;
}

.accordionContent a.sort_button {
	width: 159px;
	height: 21px;
	float: left;
	display: block;
	background-image: url(/static/images/tools/cms/btn_insert_page.gif);
	background-repeat: no-repeat;
	clear: both;
	padding: 8px 0px 0px 56px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #393939;
	text-decoration: none;
	margin: 10px 0px 10px 20px;
}

ul#addNewImage, ul#addNewText, ul#addNewFile {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul#addNewImage input#element_name, ul#addNewImage input#content_text,
ul#addNewFile input#element_name, ul#addNewFile input#content_text,
ul#addNewText input#element_name, ul#addNewText input#content_text
{
	width: 255px;
	height: 20px;
	background-image: url(/static/images/tools/cms/input_field_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #b0b0b0;
	/*float: left;*/
	background-color: #F5F5F5;
	clear: both;
}

ul#addNewImage label, ul#addNewFile label, ul#addNewText label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7d8186;

}

#moduleUserContent input {
	width: 255px;
	height: 20px;
	background-image: url(/static/images/tools/cms/input_field_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #b0b0b0;
	/*float: left;*/
	background-color: #F5F5F5;
	clear: both;
}

#moduleUserContent table input {
	width: auto;
	height: auto;

}

#moduleUserContent table {
	width: 600px;
}

#moduleUserContent label {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7d8186;
	display: block;
	clear: both;
	margin-top: 5px;
}

#error {
	margin: 0px;
	padding: 0px;
}

#authLogin #error {
	color:#F0980D;
	display:block;
	margin:0;
	padding:0;
	position:absolute;
	top:125px;
}

#errorHeader {
	background-image: url(/static/images/error_header_bg.gif);
	background-repeat: repeat-x;
	height: 31px;
	width: 100%;
	float: left;
	clear: both;
}
#errorMsg {
	background-image: url(/static/images/error_icon.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 500px;
	margin: 20px auto 0px 20px;
	background-position: 60px 55px;
	padding: 55px 0 0 130px;

}

#errorMsg h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4e4e4e;
}

#errorMsg p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4e4e4e;
}

/* 404 not found */


#error_container {
	width: 310px;
	height: 205px;
	background-image: url(/static/images/tools/cms/404_bg.gif);
	background-repeat: no-repeat;
	margin: 100px auto 0px auto;
	padding: 20px 39px 0 90px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#error_container h1 {
	font-size: 14px;
	font-weight: bold;
	color: #353535;
	margin: 10px 0 39px;

}

#error_container p {
	font-size: 12px;
	font-weight: normal;
	color: #353535;

}

#error_container a {
	color: #61bb00;
}

#error_container_tools {
	width: 310px;
	height: 205px;
	background-image: url(/static/images/tools/cms/404_bg_tools.gif);
	background-repeat: no-repeat;
	margin: 100px auto 0px auto;
	padding: 20px 39px 0 90px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#error_container_tools h1 {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	margin: 10px 0 39px;
	
}

#error_container_tools p {
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	
}

#error_container_tools a {
	color: #e42708;
}

/* CMS Editorin muotoilut loppuu */

/* Uutiseditorin muotoilut alkaa */

#calendar_div {
	width: 300px;
	border: 0px;
	background-color:#CCCCCC;
	display:none; /* remove when actually in use */
}

#calendar_div a.calendar_clear {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
}

#calendar_div a.calendar_close {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: right;
	background-image: url(/static/images/tools/news_close.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin: 2px 2px 2px 0px;
	padding: 0px;
	height: 16px;
	width: 56px;

}

#calendar_div a.calendar_prev {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
}

#calendar_div a.calendar_current {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
}

#calendar_div a.calendar_next {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	float: left;
}

.calendar_control {
	clear: both;
}

.calendar_links {
	float: left;
	clear: both;
}

.calendar_header {
	float: left;
	clear: both;
}

#elementListImage, #elementListFile, #elementListText, #elementListSnippet  {
	width: 100%;
	float: left;
	clear: both;
	/*display: block;*/
}

#elementListImages, #elementListFiles, #elementListTexts, elementListSnippets {
	width: 100%;
	margin: 0px;
}

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

ul#addNews dd {
	margin: 0px;
	padding: 0px;
}

ul#addNews dd  fieldset {
	margin: 0px;
	padding: 0px;
}

ul#addNewImage {
	list-style-type: none;
}

ul#addNewText {
	list-style-type: none;
}

ul#addNewImage #element_name, ul#addNewImage #content_text, ul#addNewText #element_name, ul#addNewText #content_text  {
	width: 255px;
	height: 20px;
	background-image: url(/static/images/tools/cms/input_field_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #b0b0b0;
	/*float: left;*/
	clear: both;
}

ul.errors {
	list-style-type: none;
	margin: 3px 0px 10px 2px;
	padding: 0px;

}

ul.errors li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0033;
}

#insertSiteTree {
	width: 522px;
	height: 395px;
	background-color:#CCCCCC;
	border: 1px solid #666666;
	display: none;
	position: absolute;
	z-index: 4;
	background-image: url(/static/images/tools/cms/dummy_inserttree.gif);
	background-repeat: no-repeat;
	top:  152px;
	left: 315px;
}
.createElement {
	display: block;
	margin: 5px 0px 5px 10px;
}

.createElement a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000 !important;
	text-decoration: none;
}

#pagelogin {
	float: left;
	width: 152px;
	margin: 20px 0px 0px 100px;
	padding: 10px;
	border: 1px solid #cccccc;

}

#pagelogin .pageloginfield {
	border: 1px solid black;
	margin: 0px 0px 10px 0px;

}

#pagelogin .pageloginsubmit {
	border: 1px solid black;
}

#pagelogin .logintxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	display: block;
	margin: 5px 0px 5px 0px;
}

#pagelogin label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#moduleNewsContent ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#moduleNewsContent ul dd {
	margin: 0px;
	padding: 0px;

}

#moduleNewsContent ul dd fieldset {
	margin: 0px;
	padding: 0px;
}

/* UI Datepicker alkaa */

/* Main Flora Style Sheet for jQuery UI ui-datepicker */

#ui-datepicker-div table {
	margin: 0px;

}

#ui-datepicker-div, .ui-datepicker-inline {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #E0F4D7;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #FF9900;
	z-index: 10;
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #83C948 !important;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #E0F4D7;
	color: #000;
}
*html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #FFF;
}
.ui-datepicker-control {
	background: #E42708;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #FFFFFF;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
	letter-spacing: 1px;
}
.ui-datepicker-links label {
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #ED9802;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #ED9802;
	color: #000;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #CCC;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #b1b1b1;
	color: #000;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #b1b1b1;
}
.ui-datepicker-days-row {
	background: #FFF;
	color: #666;
}
.ui-datepicker-week-col {
	background: #B1DB87;
	color: #000;
}
.ui-datepicker-days-cell {
	color: #000;
	border: 1px solid #DDD;
}
.ui-datepicker-days-cell a {
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #e5e5e5;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-week-over, .ui-datepicker-week-over .ui-datepicker-week-end-cell {
	background: #B1DB87 !important;
}
.ui-datepicker-days-cell-over, .ui-datepicker-days-cell-over.ui-datepicker-week-end-cell {
	background: #FFF !important;
	border: 1px solid #777;
}
* html .ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #B1DB87 !important;
}
* html .ui-datepicker-week-end-cell {
	background: #E0F4D7 !important;
	border: 1px solid #DDD !important;
}
* html .ui-datepicker-days-cell-over {
	background: #FFF !important;
	border: 1px solid #777 !important;
}
* html .ui-datepicker-current-day {
	background: #83C948 !important;
}
.ui-datepicker-today {
	background: #B1DB87 !important;
}
.ui-datepicker-current-day {
	background: #83C948 !important;
}
.ui-datepicker-status {
	background: #E0F4D7;
	width: 100%;
	font-size: 80%;
	text-align: center;
}
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #000 !important;
}
.ui-datepicker-title-row a {
	color: #000 !important;
}
.ui-datepicker-control a:hover {
	background: #FDD !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #FFF !important;
	color: #333 !important;
}
.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #83C948;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}


/* UI Datepicker loppuu */

.articleform_row, .generalFormRow {
	margin: 10px 0px 10px 0px;
}

.articleform_row .articleform_title {
	color: #7D8186;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight: bold;
	display: block;
}

.articleform_row input {
	background-image:url(/static/images/tools/cms/input_field_bg.gif);
	background-repeat:repeat-x;
	border:1px solid #B0B0B0;
	/*clear:both;
	float:left;*/
	height:20px;
	width:255px;
}

.articleform_row select {
	background-image:url(/static/images/tools/cms/input_field_bg.gif);
	background-repeat:repeat-x;
	border:1px solid #B0B0B0;
	/*clear:both;
	float:left;*/
	height:24px;
	/*width:255px;*/
}

* html #mce_editor_0_fullscreen {
	display:none !important;
}

* html .hideSelects select {
	visibility:hidden;
}

a.logoutLink {
	background-image: url(/static/images/tools/logout_btn_bg.gif);
	background-repeat: no-repeat;
	display: block;
	float: right !important;
	height: 30px;
	margin:5px 0 0;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	
}

.logoutLink span {
	background-image:url(/static/images/tools/logout_btn_bg_right.gif);
	background-position:right top;
	background-repeat:no-repeat;
	display:block;
	height:19px;
	padding:6px 10px;
	color: #142438 !important;
	font-weight: bold;

}


/* Short links container begins */

#shortLinksPanel {
	margin-top:30px;
}

.shortLinksCategory {
	padding-bottom:20px;
}

.shortLinksHeader h3 {
	color:#555555;
	font-size:15px;
	margin-bottom:5px;
}

.shortLinksHeader {
	width:100%;
	border-bottom: 1px solid #cccccc;
}

#shortLinksPanel ul {
	margin-top:10px;
	width:100%;
}

#shortLinksPanel li {
	display:inline;
	float:left;
	margin-right:10px;
	width: 150px;
	padding-top:15px;
}

#shortLinksPanel li img {
	display:block;
	margin-left:57px;
	margin-bottom:4px;
}

#shortLinksPanel li span {
	text-align:center;
	display:block;
	font-size:14px;
}

#shortLinksPanel li div {
	display:inline;
	width:150px;
}

/*  Short links container ends  */