/* CSS Document */

/********************************/
/*** STANDARD TAGS **************/
/********************************/
body { 
	font-family: Verdana, Arial, sans-serif;  
	font-size : 11px;
	background-image: url('/images/admin-background.png');
	background-repeat: repeat-x;
	margin: 0px;
	color: #595959;
	width: 100%;formB
	min-width: 980px;
	
}

td {
	font-family : Verdana, Arial, sans-serif ;
	font-size : 11px;
}

table.list tr:nth-child(odd) {
	background-color: #F7F6F5;
}

table.list tr:nth-child(even) {
	background-color: #fff;
}


table.list tr:hover {
	background-color: #d8eff8;
}

/* Version < 2.1 th style */
/*
th {
	background-color: #444;
	font-weight:bold;
	padding-right:5px;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	color: #FFF;
	border-bottom: 3px solid #3daede;
	text-align: left;
}
*/

/* Version 2.1 th style */
th {
	background-color:#444444;
	font-weight:bold;
	height:40px;
	padding:5px;
	color:#FFF;
	border-bottom:3px solid #3daede;
	text-align:left;
	vertical-align:middle;
	font-size:12px;
}

.ui-datepicker-calendar th {
	height:auto;
}

h1 {
	font-family : Verdana, Arial, sans-serif ;
	font-size: 22px;
	font-weight:bold;
	color: #444444;
	margin-top: 0px;
	text-shadow: #fff 0px 1px 1px;
}

a, a:visited, a.active {
	color: #3DAEDE;
	text-decoration:none;
	font-weight:normal;
	text-decoration: underline;
}

a:hover {
	color: #000000;
	text-decoration:none;
	font-weight:normal;
	text-decoration: underline;
}

img {
	border: 0;
}

iframe {
	border: 0;
	border-top: 1px solid #999;
}

label, input[type="checkbox"], input[type="radio"] {
	cursor:pointer;
}

input {
	outline:none;
}

input[readonly="readonly"] {
	color:#999999 !important;
}

#loginButton {
	cursor:pointer;
}

.grey {
	color:#CCCCCC;
}

.grey a {
	color:#CCCCCC;
}

/*******************************/
/*** STARTPAGE *****************/
/*******************************/

#columnContainer {
	padding-right:530px;
}

#leftColumn {
	float:left;
	width:100%;
}

#rightColumn {
	float:left;
	width:500px;
	margin:0px -530px 0px 0px;
	padding:0px 0px 0px 30px;
}

.widget {
	width:100%;
	min-height:150px;
	overflow:auto;
	background-color:#F5F5F5;
	font-family:Verdana, Arial, sans-serif;
	margin:0px 0px 10px 0px;
}

.widget h2 {
	height:37px;
	padding:13px 0px 0px 0px;
	margin:0px;
	background-color:#444444;
	border-bottom:3px solid #3DAEDE;
}

.widget h2 span {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px 0px 0px 20px;
}

.widget h2 a {
	float:right;
	margin:0px 20px 0px 0px;
	cursor:pointer;
}

.widget-content {
	margin:20px;
}

.widget-content a {
	display:block;
	font-size:13px;
}

.widget-content span {
	display:block;
	margin:0px 0px 5px 0px;
}

#widgetDataProspectEye p {
	display:block;
	margin:1px 0px 3px -2px;
}

#widgetDataProspectEye span {
	color:#999999;
}

.widgetLoading {
	text-align:center;
}

#socialFeed {
	position:relative;
}

#socialFeed #socialFilter {
	font-weight:normal;
	color:#DDDDDD;
}

#socialFeed #socialFilter a {
	float:none;
	color:#DDDDDD;
	text-decoration:none;
	margin:0px 0px 0px 10px;
}

#socialFeed #socialFilter a:hover {
	text-decoration:underline;
}

#socialFeed #socialFilter a.active {
	color:#FFFFFF;
	font-weight:bold;
}

#socialMessageForm {
	position:relative;
	display:none;
	overflow-x:hidden;
	overflow-y:auto;
	border-bottom:1px solid #DCDCDC;
	background-color:#FAFAFA;
}

#socialMessageTable {	
	width:100%;
}

#socialMessageLeftColumn {
	padding:15px 40px 15px 20px;
	overflow-y:auto;
	overflow-x:hidden;
	vertical-align:top;
}

#socialMessageLeftColumn input {
	outline:none;
	border:1px solid #DCDCDC;
	background-color:#FFFFFF;
	height:20px;
	width:100%;
}

#socialMessageLeftColumn textarea {
	width:99%;
	height:180px;
	outline:none;
	border:1px solid #DCDCDC;
	background-color:#FFFFFF;
	margin-top: 5px;
}

#socialMessageDiv .mceLayout {
	width:100% !important;
	outline:none;
	border:1px solid #DCDCDC;
	margin-top:5px;
}

#socialMessageBlog_ifr {
	height:200px !important;
}

#socialMessageLeftColumn .mceLast {
	border:none;
}

#publishSection {
	display: none;
}

#newsPublishSection {
	display: none;
	height:90px;
}

#socialMessageDiv {
	display:none;
}

#socialMessageNewsDiv {
	display:none;
}

#socialMessageRightColumn {
	width:270px;
	padding:15px 15px 25px 0px;
	vertical-align:top;
}

#socialMessageSecondRow #socialMessageRightColumn {
	padding:0px 15px 25px 20px;
}

#socialMessageRightColumn p {
	margin:0px;
	padding:0px;
	line-height:1.9;
}

#socialMessageCloseIcon {
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
}

#sendSocialMessageButton {
	position:relative;
	top:10px;
	cursor:pointer;
}

#socialFeedLoading, #socialFeedNoSetup {
	padding:10px;
	vertical-align:middle;
	text-align:center;
	border-bottom:1px solid #DCDCDC;
}

#socialFeedNoSetup {
	display:none;
	height:70px;
}

#socialFeedNoSetup a {
	position:relative;
	top:25px;
}

#socialFeedLoading img {
	position:relative;
}

#socialFeedLoading span {
	position:relative;
	bottom:20px;
	margin:0px 0px 0px 20px;
	font-size:13px;
}

.socialPost {
	padding:10px 20px 10px 20px;
	background-image:url('/images/socialPostBg.png');
	background-repeat:repeat-x;
	border-bottom:1px solid #DCDCDC;
}

.socialPostContent {
	padding:0px 0px 0px 83px;
	overflow:auto;
	position:relative;
}

.unread {
	background-image:url('/images/socialPostUnread.png');
	background-repeat:no-repeat;
	background-position:left center;
}

.socialPostMessageComment {
	position:relative;
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	overflow:auto;
	border-top:1px solid #DCDCDC;
	clear:both;
}

.socialPostMessageCommentAvatar {
	position:relative;
	float:left;
	margin:0px 10px 0px 0px;
}

.socialPostMessageCommentPost {
	float:left;
}

.socialPostAvatar {
	position:absolute;
	top:0px;
	left:0px;
	width:51px;
	height:51px;
	margin:0px 15px 0px 20px;
/* 	overflow:hidden; */
}

.socialPostAvatar .avatar, .socialPostMessageCommentAvatar .avatar {
	border-radius:5px;
	-moz-border-radius:5px;
}

.socialPostAvatar .avatarIcon, .socialPostMessageCommentAvatar .avatarIcon {
	position:absolute;
	right:0px;
	bottom:0px;
}

.socialPostMessage {
	display:inline-block;
}

.socialPostMessage h1 {
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	color:#3DAEDE;
}

.socialPostMessageCommentPost h1 {
	display:inline;
	font-size:12px;
	margin:0px 4px 0px 0px;
}

.socialPostMessage h1 a {
	font-weight:bold;
	text-decoration:none;
}

.socialPostMessage span {
	color:#999999;
}

.socialPostMessage p {
	font-size:13px;
	margin-bottom:0px;
	overflow:auto;
}

.socialPostMessageCommentPost p {
	display:inline;
	font-size:12px;
}

.socialPostReply {
	position:absolute;
	top:0px;
	right:0px;
}

.socialPostReply a {
	display:inline-block;
	height:12px;
	vertical-align:middle;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 16px;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
}

.socialPostReply span {
	display:inline-block;
	height:12px;
	vertical-align:middle;
	color:#999999;
}

#sendTwitterMessageForm, #sendFacebookMessageForm {
	position:absolute;
	top:0px;
	right:5px;
	height:90px;
	width:340px;
	background-image:url('/images/socialPostReplyBg.png');
	background-repeat:no-repeat;
	display:none;
	font-size:13px;
}

#twitterMessageForm, #facebookMessageForm {
	margin:30px 25px 20px 25px;
	position:relative;
}

#twitterMessageForm img, #facebookMessageForm img {
	position:absolute;
	right:-5px;
	top:-5px;
	cursor:pointer;
}

#twitterMessageSending, #facebookMessageSending {
	display:none;
	margin:30px 25px 20px 25px;
	position:relative;
}

#twitterMessageSending img, #facebookMessageSending img {
	position:absolute;
	top:-5px;
}

#twitterMessageSending span, #facebookMessageSending span {
	position:relative;
	left:70px;
	top:10px;
}

#sendTwitterMessageFormCounter {
	float:right;
	margin:0px 80px 0px 0px;
	color:#999999;
}

#twitterMessage {
	outline:none;
	border:1px solid #DCDCDC;
	background-color:#FFFFFF;
	height:20px;
	width:210px;
}

#facebookMessage {
	outline:none;
	border:1px solid #DCDCDC;
	background-color:#FFFFFF;
	height:35px;
	width:177px;
}

#sendTwitterMessageFormSubmit {
	border:none;
	background-color:#F5F5F5;
	background-image:url('/images/socialPostReplyButton.png');
	background-repeat:no-repeat;
	width:55px;
	height:23px;
	float:right;
	cursor:pointer;
}

#sendFacebookMessageFormSubmit {
	border:none;
	background-color:#F5F5F5;
	background-image:url('/images/socialPostReplyButton2.png');
	background-repeat:no-repeat;
	width:88px;
	height:23px;
	margin:20px 0px 0px 0px;
	float:right;
	cursor:pointer;
}



#replyCommentForm {
	position:absolute;
	top:0px;
	right:5px;
	height:90px;
	width:340px;
	background-image:url('/images/socialPostReplyBg.png');
	background-repeat:no-repeat;
	display:none;
	font-size:13px;
}

#replyCommentForm div {
	margin:30px 25px 20px 25px;
	position:relative;
}

#replyCommentForm img {
	position:absolute;
	right:-5px;
	top:-5px;
	cursor:pointer;
}

#replyCommentFormText {
	outline:none;
	border:1px solid #DCDCDC;
	background-color:#FFFFFF;
	height:35px;
	width:210px;
}

#replyCommentFormSubmit {
	border:none;
	background-color:#F5F5F5;
	background-image:url('/images/replyCommentButton.png');
	background-repeat:no-repeat;
	width:55px;
	height:23px;
	float:right;
	margin:20px 0px 0px 0px;
}



.socialPostShow {
	display:inline-block;
	height:12px;
	vertical-align:middle;
	margin:0px;
	padding:0px 0px 0px 16px;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
	cursor:pointer;
	float:right;
	background-image:url('/images/bullet_arrow_down_grey.png');
	color:#CCCCCC;
}
.socialPostShow:hover {
	color:#000000;
	text-decoration:none;
}

.socialPostHide {
	background-image:url('/images/bullet_arrow_up_blue.png');
}

.socialPostAnwser {
	background-image:url('/images/socialPostAnwserBg.png');
}

.socialPostRetweet {
	background-image:url('/images/socialPostRetweetBg.png');
}

.socialPostRetweetGrey {
	background-image:url('/images/socialPostRetweetBgGrey.png');
	display:inline-block;
	height:12px;
	vertical-align:middle;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 16px;
	background-position:left center;
	background-repeat:no-repeat;
	text-decoration:none;
}

#socialPostGetMore {
	display:block;
	position:relative;
	height:70px;
	font-size:13px;
	text-decoration:none;
	border-top:1px solid #FCFCFC;
	cursor:pointer;
	text-align:center;
}

#socialPostGetMoreButton {
	margin:25px 0px 0px 0px;
}

#socialPostGetMoreLoading {
	margin:10px 0px 0px 0px;
	display:none;
}

.widgetGoogleHeader {
	display:block;
	background-color:#E5E5E5;
	height:20px;
	padding:0px 0px 0px 16px;
	background-image:url('/images/widgetGoogleLeft.png');
	background-repeat:no-repeat;
}

.widgetGoogleHeader span {
	display:block;
	height:17px;
	padding:3px 16px 0px 0px;
	background-image:url('/images/widgetGoogleRight.png');
	background-position:top right;
	background-repeat:no-repeat;
}

.widgetGoogleRight, .widgetGoogleLeft {
	background-color:#E5E5E5;
	height:20px;
	padding:0px 16px 0px 16px;
}

.widgetGoogleLeft {
	background-image:url('/images/widgetGoogleLeft.png');
	background-repeat:no-repeat;
}

.widgetGoogleRight {
	text-align:right;
	background-image:url('/images/widgetGoogleRight.png');
	background-position:top right;
	background-repeat:no-repeat;
}

/*******************************/
/*** HEADER ********************/
/*******************************/
#header {
	width: 100%;
	height: 65px;
	min-height: 65px;
	margin: 0px;
}

#headerLeft {
	float: left;
	margin: 19px 20px 0 10px;
}

#headerRight {
	float: right;
	margin: 10px 12px 0 0;
	padding:0;
}

#headerUser {
	color: #fff;
	text-align: right;
	margin: 0 3px 0 0;
	padding:0;
	height: 45px;
}

#headerMenu {
	text-align: right;
	padding: 0;
	margin: 0;
	height: 28px;
}

#main {
	clear: both;
	padding: 0;
}

#mainArea {
	margin: 10px 15px 15px 15px;
}



#pageHeader {
	margin: 0 0 0 0;
	width: 100%;
	height: 42px;
	min-height: 38px;
	padding: 0;
	
}

#pageHeader H1 {
	margin: 0 15px 0 15px;
	padding-top: 8px;
}

#unpublished {
	position: absolute;
	background-image: url('/images/unpublished-back-tp.png');
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 7px;
	width: 318px;
	height: 51px;
	left: 50%;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;  
	font-size : 10px;
	color: #76d2ec;
	margin-left: -159px;
}

#unpublished a, #unpublished a:visited {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;  
	font-size : 10px;
	color: #76d2ec;
	text-decoration: none;
}

#unpublished a:hover {
	text-decoration: underline;
}

#publishingText {
	display:none;
}


/*******************************/
/*** MENU **********************/
/*******************************/
#headerMenu ul {
	margin: 0 0 2px 0;
	padding: 0;
	position: relative;
	/*width: 80em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#headerMenu ul li  {
	display: inline;
	list-style: none;
}

#headerMenu ul a {
	display: block;
	float: left;
	padding: 6px 12px;
	margin: 2px 3px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 100%;
	text-decoration: none;
	color: #fff;
	background: #353535;
	height: 14px;
}

#headerMenu ul a.current, #headerMenu ul a.current:hover {
	display: block;
	float: left;
	padding: 6px 12px;
	margin: 0px 3px 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 100%;
	text-decoration: none;
	color: #fff;
	background: #3daede;
	height: 16px;
}

#headerMenu ul a.break {
	margin: 2px 3px 0 10px;
}


#headerMenu ul a:hover {
	margin: 0px 3px 0 0;
	background: #4d4d4f;
	padding: 6px 12px;
	height: 16px;
}


/********************************/
/*** BUTTONS ********************/
/********************************/
/*.clear { 
    overflow: hidden;
    width: 100%;
}*/

.storageUsed {
	float: right;
	width: 265px;
	margin: 16px 15px 0 0;
}


.storageMeterBackground {
	width: 157px;
	height: 16px;
	background: url('/images/meter-background.png') no-repeat;
	float: right;
}

.storageMeterUsed {
	height: 16px;
	background: url('/images/meter-background-ok.png') no-repeat;
}

.storageMeterUsedWarn {
	background: url('/images/meter-background-warning.png') no-repeat;
}

.storageMeterText {
	position: relative;
	top: -15px;
	left: 0;
	color: white;
	text-align: center;
	width: 157px;
	min-width: 157px;
}

#headerButtons {
	float: right;
	margin: 13px 15px 0 0;
}

#headerButtons a, a.button, .button, a.buttonRed, .buttonRed, a.buttonGreen, .buttonGreen {
    background-color:transparent;
    background-image:url('/images/admin-button-right2.png');
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-position:top right;
    color: #FFFFFF;
    text-shadow: -1px -1px 0px #49AEDC;
    display: block;
    float: left;
    font-family:"Lucida Grande", Verdana, Arial, sans-serif; 
    font-size:11px;
    font-weight:normal;
    height: 23px;
    margin-left: 15px;
    padding-right: 20px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
}

a.buttonRed, .buttonRed {
    background-image:url('/images/admin-button-right3.png');
    text-shadow: -1px -1px 0px #FC6969 !important;
}

a.buttonGreen, .buttonGreen {
    background-image:url('/images/admin-button-right4.png');
    text-shadow: -1px -1px 0px #3ED13E !important;
}

#headerButtons a span, a.button span, .button span, a.buttonRed span, .buttonRed span, a.buttonGreen span, .buttonGreen span {
    background: transparent url('/images/admin-button-left2.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 0 6px 20px;
    font-family:"Lucida Grande", Verdana, Arial, sans-serif; 
    font-size:11px;
    font-weight:normal;
}

a.buttonRed span, .buttonRed span {
    background-image:url('/images/admin-button-left3.png') !important;
}

a.buttonGreen span, .buttonGreen span {
    background-image:url('/images/admin-button-left4.png') !important;
}

#headerButtons a:active, a.button:active, .button:active, a.buttonRed:active, .buttonRed:active, a.buttonGreen:active, .buttonGreen:active {
    background-position: bottom right;
    color: #eee;
    outline: none; /* hide dotted outline in Firefox */
}

#headerButtons a:active span, a.button:active span, .button:active span, a.buttonRed:active span, .buttonRed:active span, a.buttonGreen:active span, .buttonGreen:active span {
    background-position: bottom left;
    padding: 4px 0 5px 20px; /* push text down 1px */
}


/********************************/
/*** SIDE SELECTOR **************/
/********************************/
#mainAreaWithSideSelector {
	margin: 20px 15px 15px 15px;
	padding-left: 190px;
	position:relative;
}

#sideSelector {
	float: left;
	background-color: blue;
	position: absolute;
	top:0px;
	width: 160px;
	padding-right: 15px;
	padding-left: 0px;
	padding-top: 5px;
	margin-left:-190px;
	background: url('/images/admin-sideselector-top.png') no-repeat;
}

#sideSelector ul {
	width: 160px;
	margin:0px;
	padding:0px;
	display: inline;
	list-style: none;
}

#sideSelector li {
	background: #444444 url('/images/admin-sideselector-etch.png') no-repeat 0px 40px;
	margin:0px;
	padding:0px;
	list-style: none;
}

#sideSelector li.last {
	background-image: none;
}


#sideSelector li a {
	display: block;
	padding: 13px 12px;
	margin: 0 0 0 0;
	text-align: center;
	font-family: tahoma, verdana, sans-serif;
	font-size: 100%;
	text-decoration: none;
	color: #fff;
	height: 16px;
}

#sideSelector li a:hover {
	background: url('/images/admin-sideselector-hover.png') no-repeat 10px 10px;
}

#sideSelector li.selected a, #sideSelector li.selected a:hover {
	background: url('/images/admin-sideselector-selected.png') no-repeat 10px 10px;
	color: #444;
}

#sideSelector div.end {
	background-image: url('/images/admin-sideselector-bottom.png');
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	width: 160px;
	min-width: 160px:
	height: 5px;
	min-height: 5px;
}

#rightList {
	float: left;
	position: relative;
	width: 100%;
}

/********************************/
/*** TOOLBAR ********************/
/********************************/
#toolbar {
	margin-bottom: 30px;
}
#toolbar ul {
	background-image:url('/images/toolbar-bak.png');
	background-position: right;
	background-repeat:no-repeat;
	line-height:48px;
	list-style:none;
	margin:0;
	padding:0 0 0 0;
	width: 100%;
}

#toolbar li {
	display:inline;
	padding:0;
	color: #fff;
}

#toolbar a {
	color:#FFF; /* need because it will use default link color */
	padding:17px 10px 17px 10px; /* left 3 px because of left.png image */ 
	text-decoration:none;
}

#toolbar a.divider {
	background-image: url('/images/toolbar-div.png');
	background-repeat: no-repeat;
}

#toolbar a:hover {
	background-image: url('/images/toolbar-baksel.png');
	background-repeat: repeat-x;
}

#toolbar li a.left {
	background-image: url('/images/toolbar-left.png');
	background-repeat: no-repeat;
	color:#FFF; /* need because it will use default link color */
	padding:17px 10px 17px 15px; /* left 3 px because of left.png image */ 
	text-decoration:none;
}

#toolbar li a.left:hover {
	background-image: url('/images/toolbar-leftsel.png');
	
}



#toolbar li a img {
	border:none;
	margin:-1px 4px 0 0;
	vertical-align: middle;
}



/********************************/
/*** FORMULÄR *******************/
/********************************/
.kontroll {
	font-family : Verdana, Arial, sans-serif ;
	font-size : 11px;
}

.kontrollknapp {
	font-family : Verdana, Arial, sans-serif ;
	font-size : 11px;
	width: 75px;
	height: 23px;
}

.dold {
	display: none;
}

/********************************/
/*** ÖVRIGA DESIGNELEMENT *******/
/********************************/
IMG.ikon {
	width: 15px;
	height: 13px;
	border: 0;
}

DIV.sokvag {
	font-size : 10px;
	font-weight: normal;
}

TH.knapp {
	width: 18px;
}

TD.mainarea {
	border: 1px solid #d1d2c6; 
	padding: 5px; 
	width: 100%;
	background-image: url('../images/toning.gif');
	background-repeat:repeat-x;
}

/******************/
/*** MALLAR *******/
/******************/

#formCreateNewCustomField{
	position:absolute;
	z-index:6;
	width:300px;
	top:250px;
	left:50%;
	margin-left:-150px;
}

div.border {
  border: 1px solid black;
  padding: 3px;
  height: 500px;
}

.templateText_table {
	float: left;
	width: 70%;
	height: 500px;
	cellspacing: 0;
	cellpadding: 5;
	
}

.scrollableTable
{
	height: 240px;
	overflow-y: auto;
	width: 30%;
}

.scrollableTableCustomFields
{
	height: 236px;
	overflow-y: auto;
	width: 30%;
	padding-bottom: 5px;
}

.predifinedFunctions_tableHeader
{
	width: 30%;	
	height:10px;
}

.predefinedFunctions_table
{
	float: left;
	cellspacing: 0;
	cellpadding: 5;
	width: 353px;
}

.predefinedFunctions_table_name
{
	width: 316px;
}

.customFields_tableHeader
{
	width: 30%;	
	height: 10px;
	margin-top: 11px;
}

.customFields_table
{
	cellspacing: 0;
	cellpadding: 5;
	width: 353px;
	height: 10px;
}

.customFields_table_name
{
	width: 316px;
}

.errorMessage
{
	font-family : Verdana, Arial, sans-serif ;
	font-size : 11px;
	color:#FF0000;
}

.newCustomField_button
{
	font-family : Verdana, Arial, sans-serif ;
	font-size : 11px;
	width: 105px;
	height: 23px;
	float: right;
}

.addIcon
{
	width: 17px;
}

.newTemplate_table
{
	float: left;
	cellspacing: 0;
	cellpadding: 5;
	width: 30%;
}

.newTemplateName
{
	width:98%;
}

.newTemplateFileName
{
	width:92%;
}

.newTemplateText
{
	width:15%;
}

.templateExtension
{
	float:left;
	margin:6px 0px 0px 0px;
}

/*************************/
/*** MENYSTRUCKTUR *******/
/*************************/
#tree-div ul li
{
	background: none;
       padding-left: 0em;
}
#tree-div ul, #tree-div li
{
	margin:0;
	padding:0;
}
.x-tree .x-panel-body
{
    padding: 0;
}
.x-tree-node, .x-tree-node a span, .x-dd-drag-ghost a span, .x-tree-node a span, .x-dd-drag-ghost a span
{
	font-family: inherit !important;
	color: inherit !important;
}

.myTree,
.myTree ul
{
	list-style: none;
	padding-left: 22px;
}
.expandImage
{
	margin-right: 4px;
}
.folderImage
{
}
.textHolder
{
	height: 16px;
	line-height: 30px;
	padding-left: 6px;
}
span.dropOver
{
	background-color: #00c;
	color: #fff;
	height: 16px;
	line-height: 30px;
	padding-left: 6px;
}
.treeItem
{
	list-style: none;
}

.column{
	width:49%;
	margin-right:.5%;
	min-height:300px;

	float:left;
}
.column .dragbox{
	margin:5px 2px  20px;
	background:#fff;
	position:relative;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.column .dragbox h2{
	margin:0;
	font-size:12px;
	padding:5px;
	background:#444;
	color:#ffffff;;
	border-bottom:3px solid #3DAEDE;
	font-family:Verdana;
}
.dragbox-content{
	background:#fff;
	min-height:100px; margin:5px;
	font-family:'Lucida Grande', Verdana; font-size:0.8em; line-height:1.5em;
}
.column  .placeholder{
	background: #f0f0f0;
	border:1px dashed #ddd;
}
.dragbox h2.collapse{
	background:#444 url('collapse.png') no-repeat top right;
}
.dragbox h2 .configure{
	font-size:11px; font-weight:normal;
	margin-right:30px; float:right;
}

/* swfupload start*/
div.fieldset {
	border:  1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #000000;
}

/*div.flash {
	width: 375px;
	margin: 10px 5px;
	border:0;
	background-color:#FFFFFF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    	-moz-border-radius-topright : 5px;
    	-webkit-border-top-right-radius : 5px;
    	-moz-border-radius-bottomleft : 5px;
    	-webkit-border-bottom-left-radius : 5px;
    	-moz-border-radius-bottomright : 5px;
    	-webkit-border-bottom-right-radius : 5px;
}*/

div.fieldImageSet {
	border:  1px solid #afe14c;
	margin: 10px 0;


border:0;
	background-color:#FFFFFF;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
   	-moz-border-radius-topright : 5px;
    	-webkit-border-top-right-radius : 5px;
    	-moz-border-radius-bottomleft : 5px;
    	-webkit-border-bottom-left-radius : 5px;
    	-moz-border-radius-bottomright : 5px;
    	-webkit-border-bottom-right-radius : 5px;
}



.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

/* swfupload end */

/*- Menu Tabs--------------------------- */ 


    #tabs {
      float:left;
      width:100%;
      font-size:93%;
      line-height:normal;
      }
    #tabs ul {
	  margin:0;
	  padding:10px 10px 0 10px;
	  list-style:none;
      }
    #tabs li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs a {
      float:left;
      background:url("http://resources.smartcms.se/images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs a span {
      float:left;
      display:block;
      background:url("http://resources.smartcms.se/images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FF9834;
      }
    #tabs a:hover {
      background-position:0% -42px;
      }
    #tabs a:hover span {
      background-position:100% -42px;
      }

/*Twitter search start*/
.woork{
	color:#444;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:600px;
	margin: 0 auto;
}
.twitter_container{
	color:#444;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:450px;
	margin: 0 auto;
}
.twitter_container a{
	color:#0066CC;
}
.twitter_status{ 
	height:60px;
	padding:6px;
	border-bottom:solid 1px #DEDEDE;
}
.twitter_image{
	float:left; 
	margin-right:14px;
	border:solid 2px #DEDEDE;
	width:50px;
	height:50px;
}
.twitter_small{
 font-size:11px;
 padding-top:4px;
 color:#999;
} /* twitter search end */

/********************/
/*** INNEHÅLL *******/
/********************/
#formImage {
	position: absolute;
	width: 750px;
	top:50%;
	left:50%;
	margin-left:-345px;
	margin-top:-270px;
	display: none;
}

#formImageRight {
	width:305px;
	height:545px;
	float:right;
	margin-top:-545px;
	background-color:#ECECEC;
	border-left:1px solid #DADADA;
}

#formImageRight div {
	width:265px;
	margin:20px;
	text-align:center;
}

#formImageRight div h1 {
	font-weight:bold;
	color:#404040;
	font-size:12px;
	background-image:url('/images/formInsertH1Bg.png');
	background-position:bottom;
	background-repeat:repeat-x;
	display:block;
	width:100%;
	height:25px;
	text-align:left;
	margin:30px 0px 10px 0px;
}

#formImageRight div + h1 {
	margin:0px 0px 10px 0px;
}


#formImageLeft a {
	float:left;
	display:block;
	height:15px;
	padding:5px;
	border:1px solid #B2B2B1;
	margin:0px 10px -1px 0px;
	text-decoration:none;
	background-color:#ECECEC;
	color:#404040;
}

#formImageLeft a.selected {
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
	color: #3DAEDE;
}

#formImageLeft {
	width:405px;
	height:505px;
	padding:20px;
}

#formImageBrowseSection {
	clear:both;
	width: 405px;
	height: 460px;
	overflow: auto;
	border:1px solid #B2B2B1;
}

#formImageLeft div .storageUsed {
	margin:10px 0px 0px 0px;
	float:left;
}

#formImageExternLink {
	clear:both;
	width: 375px;
	padding: 15px;
	overflow: auto;
	border:1px solid #B2B2B1;
	display:none;
}

#formImageTable {
	cellspacing:0;
	cellpadding:0;
}

#freeFormImage {
	position: absolute;
	width: 750px;
	top:50%;
	left:50%;
	margin-left:-345px;
	margin-top:-270px;
	display: none;
}

#freeFormImageRight {
	width:305px;
	height:545px;
	float:right;
	margin-top:-545px;
	background-color:#ECECEC;
	border-left:1px solid #DADADA;
}

#freeFormImageRight div {
	width:265px;
	margin:20px;
	text-align:center;
}

#freeFormImageRight div h1 {
	font-weight:bold;
	color:#404040;
	font-size:12px;
	background-image:url('/images/formInsertH1Bg.png');
	background-position:bottom;
	background-repeat:repeat-x;
	display:block;
	width:100%;
	height:25px;
	text-align:left;
	margin:30px 0px 10px 0px;
}

#freeFormImageRight div + h1 {
	margin:0px 0px 10px 0px;
}


#freeFormImageLeft a {
	float:left;
	display:block;
	height:15px;
	padding:5px;
	border:1px solid #B2B2B1;
	margin:0px 10px -1px 0px;
	text-decoration:none;
	background-color:#ECECEC;
	color:#404040;
}

#freeFormImageLeft a.selected {
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
	color: #3DAEDE;
}

#freeFormImageLeft {
	width:405px;
	height:505px;
	padding:20px;
}

#freeFormImageBrowseSection {
	clear:both;
	width: 405px;
	height: 460px;
	overflow: auto;
	border:1px solid #B2B2B1;
}

#freeFormImageLeft div .storageUsed {
	margin:10px 0px 0px 0px;
	float:left;
}

#freeFormImageExternLink {
	clear:both;
	width: 375px;
	padding: 15px;
	overflow: auto;
	border:1px solid #B2B2B1;
	display:none;
}

#freeFormImageTable {
	cellspacing:0;
	cellpadding:0;
}

#freeFormImageCancel, #freeFormImageInsert {
	cursor:pointer;
}

#formEditElementLink, #freeFormEditLink {
	position: absolute;
	width:600px;
	top:50%;
	left:50%;
	margin:-100px 0px 0px -300px;
	display: none;
}

#formEditFilelist {
	position: absolute;
	width:600px;
	top:50%;
	left:50%;
	margin:-150px 0px 0px -300px;
	display: none;
}

#formEditFilelistContent {
	padding:0px 15px 15px 15px;
	max-height:300px;
	overflow-y:auto;
}

#formEditFilelistContent table {
	width:100%;
}

#formEditImagelist {
	position: absolute;
	width:700px;
	top:50%;
	left:50%;
	margin:-150px 0px 0px -300px;
	display: none;
}

#formEditImagelistContent {
	padding:0px 15px 15px 15px;
	min-height:269px;
	max-height:300px;
	overflow-y:auto;
	width:364px;
}

#formEditImagelistContent table {
	width:100%;
}

#formEditImagelistRight {
	width:305px;
	height:284px;
	float:right;
	margin-top:-284px;
	background-color:#ECECEC;
	border-left:1px solid #DADADA;
}

#formEditImagelistRight div {
	width:265px;
	margin:20px;
	text-align:center;
}

#formEditImagelistRight div h1 {
	font-weight:bold;
	color:#404040;
	font-size:12px;
	background-image:url('/images/formInsertH1Bg.png');
	background-position:bottom;
	background-repeat:repeat-x;
	display:block;
	width:100%;
	height:25px;
	text-align:left;
	margin:30px 0px 10px 0px;
}

#formEditImagelistRight div + h1 {
	margin:0px 0px 10px 0px;
}

#formEditElementLinkContent, #freeFormEditLinkContent {
	width:405px;
	padding:15px;
}

#formEditElementLinkContent label.rightLabel, #freeFormEditLinkContent label.rightLabel {
	display:inline-block;
	width:80px;
	text-align:right;
}

#formEditElementLinkContent strong, #freeFormEditLinkContent strong {
	font-weight:bold;
}

#formEditElementLinkContent #fieldSitewideNo + strong > label, #formEditElementLinkContent #fieldSitewideYes + label, #freeFormEditLinkContent #fieldSitewideNo + strong > label, #freeFormEditLinkContent #fieldSitewideYes + label {
	width:auto;
}

#formEditElementLinkRight, #freeFormEditLinkRight {
	width:305px;
	height:200px;
	float:right;
	margin-top:-200px;
	background-color:#ECECEC;
	border-left:1px solid #DADADA;
}

#formEditElementLinkRight div, #freeFormEditLinkRight div {
	width:265px;
	margin:20px;
	text-align:center;
}

#formEditElementLinkRight div h1, #freeFormEditLinkRight div h1 {
	font-weight:bold;
	color:#404040;
	font-size:12px;
	background-image:url('/images/formInsertH1Bg.png');
	background-position:bottom;
	background-repeat:repeat-x;
	display:block;
	width:100%;
	height:25px;
	text-align:left;
	margin:30px 0px 10px 0px;
}

#formEditElementLinkRight div + h1, #freeFormEditLinkRight div + h1 {
	margin:0px 0px 10px 0px;
}

#formInsertLink {
	position: absolute;
	width:300px;
	top:50%;
	left:50%;
	margin:-50px 0px 0px -150px;
	display: none;
}

#freeFormConfirmFieldDelete {
	position: absolute;
	width:300px;
	top:50%;
	left:50%;
	margin:-50px 0px 0px -150px;
	display: none;
}

#formChooseVersion {
	position: absolute;
	width:740px;
	top:50%;
	left:50%;
	margin:-150px 0px 0px -370px;
	display: none;
}

#formChooseVersionContent {
	width:400px;
	padding:15px;
	height:300px;
}

#formChooseVersionCalendar {
	width:300px;
	height:250px;
	margin:10px 50px 20px;
}

#formChooseVersionCalendar table {
	width:300px;
	height:250px;
}

#formChooseVersionCalendar table td#leftNav, #formChooseVersionCalendar table td#rightNav {
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	cursor:pointer;
	border-radius:5px;
	background-color:#F0F0F0;
	border:1px solid #FFFFFF;
}

#formChooseVersionCalendar table td#leftNav:hover, #formChooseVersionCalendar table td#rightNav:hover {
	border:1px solid #F0F0F0;
}

#formChooseVersionCalendar table td#monthTitle {
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

#formChooseVersionCalendar table td.dayTitle {
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	width:40px;
	height:16px;
}

#formChooseVersionCalendar table td.weekTitle {
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	width:20px;
}

#formChooseVersionCalendar table td.activeMonthDay {
	text-align:right;
	vertical-align:top;
	background-color:#E0E0E0;
	border-radius:5px;
	padding:3px;
	border:1px solid #FFFFFF;
}

#formChooseVersionCalendar table td.activeMonthDay.active {
	cursor:pointer;
}

#formChooseVersionCalendar table td.activeMonthDay.active:hover {
	border:1px solid #E0E0E0;
}

#formChooseVersionCalendar table td.activeMonthWeekendDay {
	background-color:#D7D7D7;
}

#formChooseVersionCalendar table td.activeMonthWeekendDay.active:hover {
	border:1px solid #D7D7D7;
}

#formChooseVersionCalendar table td.activeMonthCurrentDay {
	font-weight:bold;
}

#formChooseVersionCalendar table td.inactiveMonthDay {
	text-align:right;
	vertical-align:top;
	background-color:#F0F0F0;
	border-radius:5px;
	padding:3px;
	border:1px solid #FFFFFF;
	color:#999999;
}

#formChooseVersionCalendar table td.inactiveMonthDay.active {
	cursor:pointer;
}

#formChooseVersionCalendar table td.inactiveMonthDay.active:hover {
	border:1px solid #F0F0F0;
}

#formChooseVersionCalendar table td.inactiveMonthWeekendDay {
	background-color:#E7E7E7;
}

#formChooseVersionCalendar table td.inactiveMonthWeekendDay.active:hover {
	border:1px solid #E7E7E7;
}

#formChooseVersionCalendar table td.inactiveMonthCurrentDay {
	font-weight:bold;
}

#formChooseVersionCalendar table td.selectedMonthDay {
	background-color:#B7D3DF;
}

#formChooseVersionCalendar table td.selectedMonthDay.active:hover {
	border:1px solid #B7D3DF;
}

#formChooseVersionCalendar table td > div {
	position:relative;
	width:100%;
	height:100%;
}

#formChooseVersionCalendar table td > div > div {
	position:absolute;
	width:8px;
	height:8px;
	left:5px;
	bottom:5px;
	border-radius:4px;
}

#formChooseVersionCalendar table td > div > div.dayHasVersions {
	background-color:#3DAEDE;
}

#formChooseVersionCalendarVersions {
	height:260px;
	overflow-y:scroll;
}

#formChooseVersionRight {
	width:305px;
	height:330px;
	float:right;
	margin-top:-330px;
	background-color:#ECECEC;
	border-left:1px solid #DADADA;
}

#formChooseVersionRight > div {
	width:265px;
	margin:20px;
}

#formChooseVersionRight div h1 {
	font-weight:bold;
	color:#404040;
	font-size:12px;
	background-image:url('/images/formInsertH1Bg.png');
	background-position:bottom;
	background-repeat:repeat-x;
	display:block;
	width:100%;
	height:25px;
	text-align:left;
	margin:30px 0px 10px 0px;
}

#formChooseVersionRight div h1:first-child {
	margin:0px 0px 10px 0px;
}

#formChooseVersionRecover {
	display:none;
}

#formInsertLinkContent {
	padding:15px;
}

#formInsertMedia {
	position: absolute;
	width:400px;
	top:50%;
	left:50%;
	margin:-50px 0px 0px -200px;
	display: none;
}

#formInsertMediaContent {
	padding:15px;
}

#formEditHTML {
	position: absolute;
	width:700px;
	top:45%;
	left:40%;
	margin:-100px 0px 0px -200px;
	display: none;
}

#formEditHTMLContent {
	padding:5px;
}

#formEditHTMLContent textarea {
	width:685px;
	height:300px;
	font-family:"Courier New", "Courier", "Lucida Grande", Verdana, Arial, sans-serif;
	font-size:13px;
}


#formEditTable, #formInsertTable {
	position: absolute;
	width:350px;
	top:50%;
	left:50%;
	margin:-50px 0px 0px -175px;
	display: none;
}

#formEditTableContent, #formInsertTableContent {
	padding:15px;
}

#formEditTableContent label, #formInsertTableContent label {
	display:inline-block;
	width:125px;
	text-align:right;
}

#headerToolbar {
	padding-top: 15px;
	padding-left: 7px;
	display:none;
}

#headingsCombobox {
	position:relative;
	top:-3px;
}

#headerToolbar a img, #headerToolbarFreeForm a img {
	padding: 0 1px;
}

#headerToolbar > a:hover, #headerToolbarFreeForm > a:hover, #headerToolbarFreeForm > div > a:hover {
	background-color : #C2CBE0;
	border : 1px solid #0A246A;
	padding: 7px 2px 0;
	margin:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}

.selected {
	background-color : #C2CBE0;
	padding: 7px 2px 0;
	margin:1px;
}

.deselected {
	border:none;
	padding: 7px 2px 0;
	margin:1px;
}

.buttonsSeparator {
	
}

#headerToolbarFreeForm {
	padding-top: 15px;
	padding-left: 7px;
}

#freeFormTextToolbar, #freeFormFormToolbar, #freeFormImageToolbar {
	display:none;
	overflow:visible;
}

#freeFormFontFormat {
	float:left;
	position:relative;
	top:-3px;
}

#freeFormFontSizeContainer, #freeFormFontLineHeightContainer {
	position:relative;
	float:left;
	top:-3px;
	margin:0 0 0 10px;
	width:26px;
	height:22px;
	display:block;
}

#freeFormFontSize, #freeFormFontLineHeight {
	display:block;
	padding:2px 4px;
	background-color:#DCDFE4;
	border-radius:3px;
	border:1px solid #BFC4CE;
	height:16px;
	overflow:hidden;
	position:absolute;
}

#freeFormFontSize:hover, #freeFormFontLineHeight:hover {
	border:1px solid #0A246A;
}

#freeFormFontSize span, #freeFormFontLineHeight span {
	position:absolute;
	top:25px;
	left:4px;
	width:16px;
	font-weight:bold;
	text-align:center;
	display:block;
}

#freeFormFontSizeSlider, #freeFormFontLineHeightSlider {
	position:absolute;
	top:65px;
	left:6px;
	height:200px;
}

#freeFormFontSizeSlider a, #freeFormFontLineHeightSlider a {
	outline:none;
}

#freeFormFontColor, #freeFormFormColor {
	float:left;
	display:block;
	position: relative;
	height: 20px;
	margin:-3px 10px 0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border:1px solid #BFC4CE;
}

#freeFormFontColor:hover, #freeFormFormColor:hover {
	border:1px solid #0A246A;
}

#freeFormFontColorSelector, #freeFormFormColorSelector {
	position: relative;
	width: 20px;
	height: 20px;
	/*background: url('/js/colorpicker/images/select2.png');*/
}

#freeFormFontColorSelector div, #freeFormFormColorSelector div {
	position: absolute;
	width: 20px;
	height: 20px;
	background: url('/js/colorpicker/images/select3.png') center;
}

#freeFormFontColorHolder, #freeFormFormColorHolder {
	top: 21px;
	left: -5px;
	width: 356px;
/* 	height: 0; */
	overflow: hidden;
	position: absolute;
}

.freeFormColorHolderPalette {
	position:relative;
	top:-10px;
	width:356px;
	background-image: url('/js/colorpicker/images/custom_background_palette.png');
	background-position:left bottom;
	background-repeat:no-repeat;
	overflow:auto;
	padding:10px 14px 0 14px;
}

.freeFormColorHolderPalette .color {
	float:left;
	width:12px;
	height:12px;
	border:1px solid #BFC4CE;
	margin:0 10px 10px 0;
	cursor:pointer;
}

.freeFormColorHolderPalette .color:hover {
	border:1px solid #0A246A;
}

#freeFormFontColorHolder .colorpicker, #freeFormFormColorHolder .colorpicker {
	background-image: url('/js/colorpicker/images/custom_background3.png');
/* 	position: absolute; */
	bottom: 0;
	left: 0;
}

#freeFormFontColorHolder .colorpicker_hue div, #freeFormFormColorHolder .colorpicker_hue div {
	background-image: url('/js/colorpicker/images/custom_indic.gif');
}

#freeFormFontColorHolder .colorpicker_hex, #freeFormFormColorHolder .colorpicker_hex {
	background-image: url('/js/colorpicker/images/custom_hex.png');
}

#freeFormFontColorHolder .colorpicker_rgb_r, #freeFormFormColorHolder .colorpicker_rgb_r {
	background-image: url('/js/colorpicker/images/custom_rgb_r.png');
}

#freeFormFontColorHolder .colorpicker_rgb_g, #freeFormFormColorHolder .colorpicker_rgb_g {
	background-image: url('/js/colorpicker/images/custom_rgb_g.png');
}

#freeFormFontColorHolder .colorpicker_rgb_b, #freeFormFormColorHolder .colorpicker_rgb_b {
	background-image: url('/js/colorpicker/images/custom_rgb_b.png');
}

#freeFormFontColorHolder .colorpicker_hsb_s, #freeFormFormColorHolder .colorpicker_hsb_s {
	background-image: url('/js/colorpicker/images/custom_hsb_s.png');
	display: none;
}

#freeFormFontColorHolder .colorpicker_hsb_h, #freeFormFormColorHolder .colorpicker_hsb_h {
	background-image: url('/js/colorpicker/images/custom_hsb_h.png');
	display: none;
}

#freeFormFontColorHolder .colorpicker_hsb_b, #freeFormFormColorHolder .colorpicker_hsb_b {
	background-image: url('/js/colorpicker/images/custom_hsb_b.png');
	display: none;
}

#freeFormFontColorHolder .colorpicker_submit, #freeFormFormColorHolder .colorpicker_submit {
	background-image: url('/js/colorpicker/images/custom_submit.png');
}

#freeFormFontColorHolder .colorpicker input, #freeFormFormColorHolder .colorpicker input {
	color: #778398;
}

.freeFormFormBorderRadius {
	display:inline;
	position:relative;
	top:-4px;
}

.freeFormFormBorderRadius span {
	margin:0 5px;
}

.freeFormFormBorderRadius span img {
	position:relative;
	top:4px;
}

.freeFormFormBorderRadius span img + img {
	margin:0 0 0 3px;
}

.freeFormFormBorderRadius input[readonly] {
	width:25px;
	text-align:right;
	padding:3px 3px 4px;
	background-color:#DCDFE4;
	border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border:1px solid #BFC4CE;
	color:#000000 !important;
}


.formInsertButtons {
	display:block;
	width:100%;
	height:38px;
	background-image:url('/images/formInsertBottomBg.png');
	background-repeat:repeat-x;
}

.formInsertButtons > div {
	float:right;
	margin:10px 15px 0px 0px;
}

.formInsertButtons > div + div {
	float:left;
	margin:10px 0px 0px 0px;
}

.formInsertButtons a {
    background: transparent url('/images/admin-button-right.png') no-repeat scroll top right;
    color: #fff;
    display: inline-block;
    float: right;
    font: normal 11px "Lucida Grande", Verdana, Arial, sans-serif; 
    height: 20px;
    margin-left: 15px;
    padding-right: 20px; /* sliding doors padding */
    text-decoration: none;
    cursor:pointer;
}

.formInsertButtons a span {
    background: transparent url('/images/admin-button-left.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 0 3px 20px;
}

.formInsertButtons a:active {
    background-position: bottom right;
    color: #ccc;
    outline: none; /* hide dotted outline in Firefox */
}

.formInsertButtons a:active span {
    background-position: bottom left;
    padding: 4px 0 2px 20px; /* push text down 1px */
}

.formInsertButtons div.html5 {
	width:100px !important;
	height:20px !important;
	left:15px !important;
}

.formInsertButtons div.plupload_iframe {
	width:100px !important;
	height:20px !important;
	left:15px !important;
}

.formInsertButtons div.flash {
	margin:0px !important;
}

#pluploader div.flash {
	margin:0px !important;
}

div.formInsertHeader {
	position:relative;
	display:block;
	width:100%;
	height:35px;
	font-weight:normal;
	font-size:12px;
	color:#FFFFFF;
	background-color:#2C2C2C;
	border-bottom:5px solid #3CADDD;
}

div.formInsertHeader > span {
	position:relative;
	top:10px;
	left:15px;
}

div.formInsertTopLeft {
	position:absolute;
	top:-10px;
	left:-10px;
	width:100%;
	height:10px;
	background-image:url('/images/formInsertTopLeft.png');
}

div.formInsertTopRight {
	float:right;
	width:10px;
	height:10px;
	margin-right:-10px;
	background-image:url('/images/formInsertTopRight.png');
}

div.formInsertMiddleLeft {
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px -10px;
	background-image:url('/images/formInsertMiddleLeft.png');
	background-repeat:repeat-y;
}

div.formInsert {
	padding:0px 10px 0px 0px;
	background-image:url('/images/formInsertMiddleRight.png');
	background-position:right;
	background-repeat:repeat-y;
}

div.formInsertBottomLeft {
	position:absolute;
	bottom:-10px;
	left:-10px;
	width:100%;
	height:10px;
	background-image:url('/images/formInsertBottomLeft.png');
}

div.formInsertBottomRight {
	float:right;
	width:10px;
	height:10px;
	margin-right:-10px;
	background-image:url('/images/formInsertBottomRight.png');
}

#formInsertImage {
	position: absolute;
	width: 750px;
	top:50%;
	left:50%;
	margin-left:-345px;
	margin-top:-270px;
	display: none;
}

#formInsertLeft a {
	float:left;
	display:block;
	height:15px;
	padding:5px;
	border:1px solid #B2B2B1;
	margin:0px 10px -1px 0px;
	text-decoration:none;
	background-color:#ECECEC;
	color:#404040;
}

#formInsertLeft a.selected {
	background-color:#FFFFFF;
	border-bottom:1px solid #FFFFFF;
	color: #3DAEDE;
}

#formInsertLeft {
	width:405px;
	height:505px;
	padding:20px;
}

#pictureBrowseSection {
	clear:both;
	width: 405px;
	height: 460px;
	overflow: auto;
	border:1px solid #B2B2B1;
}

#formInsertLeft div .storageUsed {
	margin:10px 0px 0px 0px;
	float:left;
}

#pictureExternLink {
	clear:both;
	width: 375px;
	padding: 15px;
	overflow: auto;
	border:1px solid #B2B2B1;
	display:none;
}

#formInsertRight {
	width:305px;
	height:545px;
	float:right;
	margin-top:-545px;
	background-color:#ECECEC;
	border-left:1px solid #DADADA;
}

#formInsertRight div {
	width:265px;
	margin:20px;
	text-align:center;
}

#formInsertRight div h1 {
	font-weight:bold;
	color:#404040;
	font-size:12px;
	background-image:url('/images/formInsertH1Bg.png');
	background-position:bottom;
	background-repeat:repeat-x;
	display:block;
	width:100%;
	height:25px;
	text-align:left;
	margin:30px 0px 10px 0px;
}

#formInsertRight div + h1 {
	margin:0px 0px 10px 0px;
}

#formInsertRight table {
	width:188px;
}

#formInsertRight td img {
	margin:10px;
}

#formInsertRight #topMargin, #formInsertRight #bottomMargin {
	margin:0px 0px 0px 72px;
}

.marginTextBoxes_topBottom {
	margin-left: 105px;
	width: 25px;
}

.marginTextBoxes_leftRight {
	width: 25px;
}

.marginArrow {
	margin-left: 105px;
}

#picture {

}

#picturesTable {
	cellspacing:0;
	cellpadding:0;
}

.thumbnailPicture {
	margin-left: 10px;
	margin-right: 10px;
	border : 2px solid transparent;
}

.thumbnailPictureSelected {
	margin-left: 10px;
	margin-right: 10px;
	border : 2px solid #3DAEDE;
}

.alignmentSelected {
	margin-left: 10px;
	margin-right: 10px;
	border : 2px solid #3DAEDE;
}

.alignmentDeselected {
	margin-left: 10px;
	margin-right: 10px;
	border : 2px solid transparent;
}

#fsUploadProgress1 span {
	font-weight:bold;
}

.uploadButton {
	float: right;
}

.exportButton a {
    background: transparent url('/images/admin-button-right.png') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 11px "Lucida Grande", Verdana, Arial, sans-serif; 
    height: 20px;
    margin-left: 15px;
    padding-right: 20px; /* sliding doors padding */
    text-decoration: none;
}

.exportButton a span {
    background: transparent url('/images/admin-button-left.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 3px 0 3px 20px;
}

.exportButton a:active {
    background-position: bottom right;
    color: #ccc;
    outline: none; /* hide dotted outline in Firefox */
}

.exportButton a:active span {
    background-position: bottom left;
    padding: 4px 0 2px 20px; /* push text down 1px */
}

.trWhite {
	background-color:#FFFFFF;
}

/*#formInsertTable {
	position: absolute;
	background-color: #fefefe;
	padding: 20px;
	border: 1px solid #555;
	width: 690px; 
	height: 555px;
	top: 180px;
	margin-left: 250px;
	display: none;
}

#formEditTable {
	position: absolute;
	background-color: #fefefe;
	padding: 20px;
	border: 1px solid #555;
	width: 690px; 
	height: 555px;
	top: 180px;
	margin-left: 250px;
	display: none;
}*/

#saveChanges {
	position:absolute;
	width:350px;
	top:50%;
	left:50%;
	margin-left:-175px;
	margin-top:-100px;
	display:none;
}

#saveChangesContent {
	margin:15px;
}

.calendarIcon {
	float:left;
	display:inline-block;
	width:59px;
	height:60px;
	margin:0px 10px 10px 0px;
	background-image:url('/images/calendarIcon.png');
	background-repeat:no-repeat;
}

.calendarIconRepeat {
	background-image:url('/images/calendarIconRepeat.png');
}

.calendarIcon > span {
	display:block;
	width:59px;
	height:14px;
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
}

.calendarIcon > span + span {
	display:block;
	width:59px;
	height:34px;
	margin:4px 0px 0px 0px;
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	font-size:32px;
	font-weight:bold;
	color:#000000;
}

.eventDesc {
	margin:20px 0px 20px 0px;
}

.eventDesc h1 {
	font-size:24px;
	margin:0px;
	padding:0px;
}

.eventDesc a {
	padding:5px;
	background-color:#E0E0E0;
}

.eventDesc span {
	display:block;
	padding:5px;
	background-color:#E0E0E0;
}

.list1 {
	background-color:#FFFFFF;
}

.list2 {
	background-color:#F7F6F5;
}

.list1:hover, .list2:hover {
	background-color:#D8EFF8;
}

.formBox {
	background-color:#ECECEC;
	border:1px solid #DADADA;
	width:100%;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin:20px 0px 20px 0px;
	clear:both;
}

.formBox > div {
	margin:20px;
	overflow:auto;
}

.formBox > div > h1 {
	font-weight:bold;
	color:#404040;
	font-size:14px;
	background-image:url('/images/formInsertH1Bg.png');
	background-position:bottom;
	background-repeat:repeat-x;
	display:block;
	width:100%;
	height:25px;
	text-align:left;
	margin:0px;
	text-shadow:1px 1px #FFFFFF;
}

.formBox > div p {
	max-width:1000px;
}

.formBoxSmall {
	background-color:#ECECEC;
	border:1px solid #DADADA;
	width:49%;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin:0px 0px 20px 0px;
}

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

.right {
	float:right;
	clear:right;
}

.formBoxSmall > div {
	margin:20px;
	overflow:auto;
}

.formBoxSmall > div > h1 {
	font-weight:bold;
	color:#404040;
	font-size:12px;
	background-image:url('/images/formInsertH1Bg.png');
	background-position:bottom;
	background-repeat:repeat-x;
	display:block;
	width:100%;
	height:25px;
	text-align:left;
	margin:0px;
}

.formBoxSmall > div p {
	max-width:800px;
}

.formBoxInput {
	position:relative;
	display:inline-block;
	float:left;
	overflow:hidden;
	padding:0px 0px 0px 24px;
	background-image:url('/images/formHorBar.png');
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	border:1px solid #DADADA;
}

.formBoxInput img {
	position:absolute;
	margin:3px 4px 0px -20px;
}

.formBoxInput > input[type=text], .formBoxInput > input[type=password] {
	margin:0px 0px 0px 1px;
	border:0px;
	width:300px;
	padding:5px;
}

.formBoxInput > div input[type=text] {
	width:525px;
	padding:5px;
}

.formBoxInput > div > textarea {
	margin:0px 0px 0px 1px;
	border:0px;
	padding:10px;
	width:535px;
	height:140px;
}

.formBoxInput > img + div > strong + br + textarea {
	padding:10px;
	width:515px;
	height:140px;
	border:1px solid #000000;
}

.formBoxInput > div {
	margin:0px 0px 0px 1px;
	border:0px;
}

.formBoxInput > div textarea.mceEditor, .noLanguage textarea.mceEditor {
	width:542px;
	height:500px;
}

.noLanguage .mceLayout {
	border:1px solid #CCCCCC;
	border-bottom:none;
}

.mediaPaging {
	float:right;
	margin: 0px 3px 0px 0px;
}

.mediaPaging a, .mediaPaging span {
	margin:0px 0px 0px 5px;
	font-size:12px;
	font-weight:normal;
}

.mediaRow:hover {
	background-color:#E3E3E3;
}

/* selectUserPermissions() */

.users_user_usertypes {
	clear:both;
	overflow:auto;
	margin:0px 0px 30px 0px;
}

.users_user_usertypes div {
	float:left;
	margin:0px 30px 0px 0px;
}

.users_user_usertypes div img {
	float:left;
	border:2px solid #ECECEC;
	cursor:pointer;
}

.users_user_usertypes div a {
	margin:0px 0px 0px 11px;
}

.users_user_permissions {
	float:left;
	width:250px;
}

/* Massages */
.accessdenied {
	background-color:#FFAAAA;
	border-top:5px solid #B11818;
	border-bottom:5px solid #B11818;
	background-image:url('/images/icon_accessdenied.png');
}

.error {
	background-color:#FFAAAA;
	border-top:5px solid #B11818;
	border-bottom:5px solid #B11818;
	background-image:url('/images/icon_error.png');
}

.alert {
	background-color:#FFFFAA;
	border-top:5px solid #E5940E;
	border-bottom:5px solid #E5940E;
	background-image:url('/images/icon_warning.png');
}

.info {
	background-color:#CCDDEA;
	border-top:5px solid #005498;
	border-bottom:5px solid #005498;
	background-image:url('/images/icon_info.png');
}

.education {
	background-color:#CEE2CC;
	border-top:5px solid #096E01;
	border-bottom:5px solid #096E01;
	background-image:url('/images/icon_class.png');
}

.accessdenied, .error, .alert, .info, .education {
	position:relative;
	padding:25px 0px 25px 0px;
	width:100%;
	clear:both;
	background-repeat:no-repeat;
	background-position:25px center;
}

.accessdenied span, .error span, .alert span, .info span, .education span {
	display:block;
	padding:0px 55px 0px 95px;
	font-weight:normal;
	font-size:14px;
	color:#000000;
}

.accessdenied span a, .error span a {
	color:#6A0E0E;
}

.alert span a {
	color:#895908;
}

.info span a {
	color:#00325B;
}

.education span a {
	color:#054201;
}

.accessdenied img, .error img, .alert img, .info img, .education img {
	position:absolute;
	top:50%;
	right:25px;
	margin:-6px 0px 0px 0px;
	cursor:pointer;
}

.error.userMessageArchived, .accessdenied.userMessageArchived, .alert.userMessageArchived, .info.userMessageArchived, .education.userMessageArchived {
	background-color:transparent;
	border:none;
	padding:0;
	background-position:0px 0px;
}

.error.userMessageArchived span, .accessdenied.userMessageArchived span, .alert.userMessageArchived span, .info.userMessageArchived span, .education.userMessageArchived span {
	padding:0px 55px 0px 70px;
}

.error.userMessageArchived span a, .accessdenied.userMessageArchived span a, .alert.userMessageArchived span a, .info.userMessageArchived span a, .education.userMessageArchived span a {
	color:#3DAEDE;
}

/* Div tag that covers the screen when saving a template */
#savingTemplateDivCover, #savedTemplateDivCover {
	background-image:url('/images/savingTemplateBg.png');
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	visibility:visible;
	width: 100%;
	height: 100%;
	cursor:wait;
}

#savingTemplate, #savedTemplate {
	position:absolute;
	width:300px;
	top:50%;
	left:50%;
	margin:-50px 0px 0px -150px;
}

#savingTemplateContent, #savedTemplateContent {
	padding:15px;
	text-align:center;
}

#savingTemplateContent p, #savedTemplateContent p {
	margin:0px 0px 15px 0px;
}

.buttonsSeparator {
	display:inline-block;
	width:2px;
	height:16px;
	background-image:url('/images/buttonsSepatator.png');
	background-repeat:no-repeat;
}
/* Social Media */

.socialContainer {
	text-align:center;
	max-width:1000px;
}

.socialContainer div {
	margin:20px 0px 10px 0px;
}

/* Template Edit */

.rulesRowMoreInfo {
	width:285px;
	clear:both;
	margin:5px 0px 0px 0px;
	font-size:9px;
	cursor:auto;
/* 	background-color:#FFFFFF; */
	color: #000000;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-user-select:text;
}

.rulesRowMoreInfo > div {
	padding:5px;
	margin:0px 4px 5px 4px;
	border:1px dashed #C0C0C0;
	background-color:#EFF7FF;
	overflow:auto;
}

.rulesRowMoreInfo strong {
	font-weight:bold;
	font-size:11px;
	margin:0px 0px 3px 0px;
}

.rulesRowMoreInfo p, .rulesRowMoreInfo table {
	margin:0px 0px 5px 0px;
}

.rulesRowMoreInfo td {
	font-size:9px;
	vertical-align:top;
	padding:3px 5px 0px 0px;
	-webkit-user-select:text;
}

.rulesRowMoreInfo td p {
	font-style:italic;
	padding:2px 5px 0px 10px;
	-webkit-user-select:text;
}

.rulesRow {
	background-color:#FFFFFF;
}

.rulesRow:hover {
/* 	background-color:#d8eff8; */
}

.userEmailDomain {
	position:relative;
	top:6px;
}

#advancedKeywords {
	cursor:pointer;
}

#internLinkLanguage {
	width:50px;
}

#internLinkElements, #freeFormInternLinkElements {
	width:205px;
}

.whiteBox {
	background-color:#FFFFFF;
	padding:10px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	overflow:auto;
}

.shopOrder {
	padding:10px;
	background-image:url('/images/order-bg.png');
	background-repeat:repeat-x;
	overflow:auto;
	border-bottom:1px solid #DCDCDC;
}

.shopOrder input[type=text], .noLanguage input[type=text], .noLanguage textarea {
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #DADADA;
	margin:0 0 10px 0;
	width:300px;
	outline:none;
}

.noLanguage textarea {
	height:100px;
}

.shopOrder h1 {
	margin:0px;
}

.shopOrder h1 span {
	float:right;
	font-weight:normal;
	font-size:16px;
	margin:6px 0 0;
}

.shopOrder h1.orderAmount {
	text-align:right;
}

.orderTitle {
	padding:10px 0;
}

.shopRow {
	overflow:auto;
	clear:both;
	margin:0 0 10px;
}

.shopOrder .halfCol1 {
	float:left;
	width:66%;
}

.shopOrder .halfCol2 {
	float:right;
	width:32%;
}

.shopOrder .thirdCol1 {
	float:left;
	width:27%;
}

.shopOrder .thirdCol2 {
	float:left;
	width:27%;
	margin:0 2%;
}

.shopOrder .thirdCol3 {
	float:right;
	width:42%;
}

.orderButtons {
	overflow:auto;
	text-align:right;
}

.orderButtons a {
	position:relative;
	float:none;
	display:inline-block;
}

.shopOrder .orderButtons a {
	margin:-4px 0 -6px 10px;
}

.shopOrder .orderButtons a:active {
	top:1px;
}

td.orderButtons a {
	float:right;
}

.shopOrder .orderButtons a:first-child {
	margin:-4px 0 -6px 0;
}

.noOrders, .noResults {
	padding:43px 0;
	height:14px;
	text-align:center;
	font-style:italic;
}

.toggleBox {
	margin:10px 0 0;
	display:none;
}

.toggleBox + br {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	user-select: none;
	-webkit-user-select: none;
}

.toggleBoxController {
	position:relative;
	padding:10px;
	margin:-10px -10px;
	width:100%;
	height:14px;
	display:block;
	font-weight:bold;
	cursor:pointer;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	user-select: none;
	-webkit-user-select: none;
}

.toggleBoxController .plusex {
	float:right;
	margin:-2px 0 0;
}

.toggleBoxController .icon {
	position:relative;
	float:left;
	margin:0 5px 0 0;
	top:-2px;
}

table.orderTable {
	width:100%;
}

table.orderTable td {
	padding:3px 0;
	white-space:nowrap;
}

table.orderTable td.wrap {
	white-space:normal;
}

#billAddress {
	display:none;
}

tr.orderSumLine td {
	height:0px;
	padding:0px;
	border-top:1px dashed #DADADA;
}

tr.orderSum td {
	font-weight:bold;
}

tr.orderRest {
	background-color:#FFE5E5;
}

td.orderRest {
	color:#DA0000;
	font-weight:bold;
}

.pageNavigation {
	text-align:center;
	padding:10px 0px 0px 0px;
}

.pageNavigation a, .pageNavigation span, .pageNavigation select {
	margin:0px 10px 0px 10px;
}

form#filter label {
	font-weight:bold;
}
form#filter input {
	margin:0 20px 0 0;
}

#catId {
	width:300px;
	padding:3px;
	background-color:#FFFFFF;
	border:1px solid #DADADA;
	max-height:328px;
	overflow:auto;
}

#catId label {
	display:block;
	padding:3px;
}

#catId label:hover {
	background-color:#EAEAEA;
}

#prodImages {
	overflow:auto;
	margin:0 0 20px;
}

#prodImages .prodImage {
	position:relative;
	float:left;
	margin:0 20px 0 0;
	top:2px;
	left:2px;
}

#prodImages .prodImage:first-child {
	border:2px solid #3daede;
	top:0px;
	left:0px;
}

#prodImages .prodImage:first-child .main {
	display:none !important;
}

#prodImages .prodImage .image {
	border:5px solid #FFFFFF;
}

#prodImages .prodImage .delete {
	position:absolute;
	right:2px;
	top:2px;
	cursor:pointer;
}	

#prodImages .prodImage .main {
	position:absolute;
	right:23px;
	top:2px;
	cursor:pointer;
}

#addProdArrow {
	position:absolute;
	left:50%;
	margin:0 0 0 -96px;
	bottom:-64px;
}

.shipInterval {
	display:inline-block;
	width:200px;
	margin:0 20px 0 0;
	text-align:right;
}

.controller {
	margin:10px 0 0;
}

.controller table {
	width:100%;
}

.controller p {
	padding-bottom:0;
	margin-bottom:0;
}

.controller .controllerSlider {
	float:right;
}

.controller .moresettings td div {
	display:none;
}

.multiLabels label {
	display:block;
	clear:both;
	padding:15px 0 0;
}

.blogTag {
	float:left;
	display:block;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:#DEE7F8;
	border:1px solid #CAD8F3;
	padding:2px 6px 3px;
	margin:0 5px 0 0;
}