/*
SMSkinTwo - FCKeditor skin

Company: SYNASYS MEDIA
 Author: Jens Stolinski
Website: http://synasys.de/
*/

html, body {
background-color: transparent;
margin: 0px;
padding: 0px;
}

body {
padding: 10px;
}

body, td {
font-size: 12px;
font-family: Arial, Helvetica, Verdana;
}

body, .BackColor {
background-color: #d6dde5;
}

input, select, textarea {
border: 1px solid #6d7c93;
font-size: 12px;
font-family: Arial, Helvetica, Verdana;
}

.PopupBody {
height: 100%;
width: 100%;
overflow: hidden;
background-color: transparent;
padding: 0px;
}

#header {
cursor: move;
}

.PopupTitle {
font-weight: bold;
font-size: 10pt;
line-height: 24px;
height: 24px;
color: #404040;
background-color: #616A74;
padding: 0px 10px 0px 10px;
background-image: url("images/window.top.png");
}

.PopupButtons {
position: absolute;
right: 0px;
left: 0px;
bottom: 0px;
background-color: #616A74;
padding: 0px 10px 0px 10px;
line-height: 24px;
height: 24px;
background-image: url("images/window.bottom.png");
}

.Button {
border: #404040 1px solid;
color: #3b3b1f;
background-color: #f4f4f4;
font-size: 11px;
font-family: 'Microsoft Sans Serif', Arial, Helvetica, Verdana;
}

#btnOk {
width: 70px;
}

.DarkBackground {
background-color: #ffffff;
}

.LightBackground {
background-color: #ffffbe;
}

.PopupTitleBorder {
}

.PopupTabArea {
color: #404040;
background-color: #f7f7f7;
padding-top: 2px;
}

.PopupTabEmptyArea {
padding-left: 10px;
border-bottom: #6d7c93 1px solid;
}

.PopupTab, .PopupTabSelected {
border-right: #6d7c93 1px solid;
border-top: #6d7c93 1px solid;
border-left: #6d7c93 1px solid;
padding: 0px 8px 0px 8px;
line-height: 20px;
height: 20px;
color: #404040;
margin-top: 1px;
}

.PopupTab {
border-bottom: #6d7c93 1px solid;
cursor: pointer;
}

.PopupTabSelected {
font-weight: bold;
cursor: default;
border-top: #ff9900 3px solid;
background-color: #d2d6d9;
background-image: url("images/tab.selected.png");
line-height: 20px;
height: 20px;
margin-top: 0px;
}

.PopupSelectionBox {
border: #ff9933 0px solid !important;
background-color: #fffacd !important;
cursor: pointer;
}

#tdBrowse {
vertical-align: bottom;
}

/* Dialog frame related styles. */

.contents {
position: absolute;
top: 2px;
left: 16px;
right: 16px;
bottom: 20px;
background-color: #ffffff;
overflow: hidden;
z-index: 1;
}

.tl, .tr, .tc, .bl, .br, .bc {
position: absolute;
background-image: url("images/sprites.png");
background-repeat: no-repeat;
}

* html .tl, * html .tr, * html .tc, * html .bl, * html .br, * html .bc {
background-image: url("images/sprites.gif");
}

.ml, .mr {
position: absolute;
background-image: url("images/dialog.sides.png");
background-repeat: repeat-y;
}

* html .ml, * html .mr
{
background-image: url("images/dialog.sides.gif");
}

.rtl .ml, .rtl .mr {
position: absolute;
background-image: url("images/dialog.sides.rtl.png");
background-repeat: repeat-y;
}

* html .rtl .ml, * html .rtl .mr {
background-image: url("images/dialog.sides.gif");
}

.tl {
top: 0px;
left: 0px;
width: 16px;
height: 16px;
background-position: -16px -16px;
}

.rtl .tl {
background-position: -16px -397px;
}

.tr {
top: 0px;
right: 0px;
width: 16px;
height: 16px;
background-position: -16px -76px;
}

.rtl .tr {
background-position: -16px -457px;
}

.tc {
top: 0px;
right: 16px;
left: 16px;
height: 16px;
background-position: 0px -136px;
background-repeat: repeat-x;
}

.ml {
top: 16px;
left: 0px;
width: 16px;
bottom: 51px;
background-position: 0px 0px;
}

.mr {
top: 16px;
right: 0px;
width: 16px;
bottom: 51px;
background-position: -16px 0px;
}

.bl {
bottom: 0px;
left: 0px;
width: 30px;
height: 51px;
background-position: -16px -196px;
}

.rtl .bl {
background-position: -16px -517px;
}

.br {
bottom: 0px;
right: 0px;
width: 30px;
height: 51px;
background-position: -16px -263px;
}

.rtl .br {
background-position: -16px -584px;
}

.bc {
bottom: 0px;
right: 30px;
left: 30px;
height: 51px;
background-position: 0px -330px;
background-repeat: repeat-x;
}

/* For IE6. Do not change it. */
* html .blocker {
position: absolute;
width: 100%;
height: 100%;
z-index: 12;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

/* The layer used to cover the dialog when opening a child dialog. */
.cover {
position: absolute;
top: 0px;
left: 14px;
right: 14px;
bottom: 18px;
z-index: 11;
}

#closeButton {
position: absolute;
right: 0px;
top: 0px;
margin-top: 2px;
margin-right: 6px;
width: 20px;
height: 20px;
cursor: pointer;
background-image: url("images/sprites.png");
background-repeat: no-repeat;
background-position: -16px -651px;
}

* html #closeButton {
background-image: url("images/sprites.gif");
}

.rtl #closeButton {
right: auto;
left: 10px;
margin-right: 0px;
}

#closeButton:hover {
background-position: -16px -687px;
}

#throbberBlock {
z-index: 10;
}

#throbberBlock div {
float: left;
width: 8px;
height: 9px;
margin-left: 2px;
margin-right: 2px;
font-size: 1px;	/* IE6 */
}

/*
Color Gradient Generator:
http://www.herethere.net/~samson/php/color_gradient/?cbegin=737357&cend=E3E3C7&steps=4
*/

.throbber_1 {
background-color: #737357;
}

.throbber_2 {
background-color: #8f8f73;
}

.throbber_3 {
background-color: #abab8f;
}

.throbber_4 {
background-color: #c7c7ab;
}

.throbber_5 {
background-color: #e3e3c7;
}
