/*--- + ---------------------------------------------------------------- + ----*/
/* Cascading Style Sheet for openBOX © adot GmbH */
/*--- + ---------------------------------------------------------------- + ----*/

/*--- + ---------------------------------------------------------------- + ----*/
/* default HTML-styles*/
body {
	background:#ffffff;
	background-image: url(/sysModules/sysGfx/obxBg.gif);
	background-repeat:repeat-y;
	color:#999999;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	text-align:left;
	text-indent:0px;
	margin: 0px;
}
a:link {
	color:#000;
	text-decoration:none
}
a:visited {
	color:#000;
	text-decoration:none
}
a:hover {
	color:#666;
	text-decoration:none
}
a:activ {
color:#000;
text-decoration:none
}
H1 {
	color:#000000;
	font:bold 14px "Segoe UI",Verdana, Arial, Geneva, sans-serif, 'sans-serif';
	letter-spacing:1px;
	margin-top: 7px;
	margin-bottom: 0px;
}
H2 {
	color:#000000;
	font:bold 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif, 'sans-serif';
	letter-spacing:1px;
	margin-top: 7px;
	margin-bottom: 0px;
}
H3 {
	color:#000000;
	font:bold 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif, 'sans-serif';
	letter-spacing:1px;
	margin-top: 7px;
	margin-bottom: 0px;
}
H4 {
	color:#000000;
	font:bold 16px "Segoe UI",Verdana, Arial, Geneva, sans-serif, 'sans-serif';
	letter-spacing:1px;
	margin-top: 7px;
	margin-bottom: 0px;
}
H5 {
	color:#000000;
	font:bold 13px "Segoe UI",Verdana, Arial, Geneva, sans-serif, 'sans-serif';
	letter-spacing:1px;
	margin-top: 7px;
	margin-bottom: 0px;
}
H6 {
	color:#000000;
	font:bold 25px "Segoe UI",Verdana, Arial, Geneva, sans-serif, 'sans-serif';
	letter-spacing:1px;
	margin-top: 7px;
	margin-bottom: 0px;
}
i, cite, em, var, address, blockquote {
	font-style:italic
}
p, td, ol, label {
	color:#000000;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	margin-left:0px;
}
ul, li {
	color:#000000;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	list-style:square;
	margin-left:10px;
}
/*--- + ---------------------------------------------------------------- + ----*/
/* The form specific styles*/

/* the form button styles  */
/* 
.btnGlobal	{padding: 1px 5px 1px 5px;font: Verdana;letter-spacing:0px; border-right: solid 1px #000;border-bottom: solid 1px #000;border: 0;font-size:11px;font-weight: bold;color:#000;background: #777777 url(/sysModules/sysGfx/button.gif) 0 -60px no-repeat;filter:progid:DXImageTransform.Microsoft.Shadow(color="#000000", Direction=135, Strength=3);width:150px;cursor:pointer;}
*/

.btnGlobal {
	min-width:150px;
}
.btn25 {
	width: 25px;
	font-size: 12px;
	font-family:  "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	color: #FFFFFF;
	height: 20px;
	border:1px outset #B6D9FC;
	background:#304F90;
}
.btn50 {
	width: 50px;
	font-size: 12px;
	font-family:  "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	color: #FFFFFF;
	height: 20px;
	border:1px outset #B6D9FC;
	background:#304F90;
}
.btn75 {
	width: 75px;
	font-size: 12px;
	font-family:  "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	color: #FFFFFF;
	height: 20px;
	border:1px outset #B6D9FC;
	background:#304F90;
}
.btn100 {
	width: 150px;
	font-size: 12px;
	font-family: "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	color: #FFFFFF;
	height: 20px;
	border:1px outset #B6D9FC;
	background:#304F90;
}
.btn125 {
	width: 125px;
	font-size: 12px;
	font-family: "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	color: #FFFFFF;
	height: 20px;
	border:1px outset #B6D9FC;
	background:#304F90;
}
.btn150 {
	width: 150px;
	font-size: 12px;
	font-family: "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	color: #000000;
	height: 20px;
}
.btn175 {
	width: 175px;
	font-size: 12px;
	font-family: "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	color: #FFFFFF;
	height: 20px;
	border:1px outset #B6D9FC;
	background:#304F90;
}
.btn50prc {
	font:bold 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	width:50%;
}
.btn100prc {
	font:bold 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	width:100%;
}
/*  the upload filed styles */
   .upl100 {
	width:100;
	background:#E6EBF5;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #E6EBF5;
}
.upl150 {
	width:150;
	background:#E6EBF5;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #E6EBF5;
}
.upl200 {
	width:200;
	background:#E6EBF5;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #E6EBF5;
}
.upl250 {
	width:250;
	background:#E6EBF5;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #E6EBF5;
}
.upl300 {
	width:300;
	background:#E6EBF5;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #E6EBF5;
}
.upl50prc {
	width:50%;
	background:#E6EBF5;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #E6EBF5;
}
.upl100prc {
	width:100%;
	background:#E6EBF5;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #E6EBF5;
}
/*  the drop down field styles */
select {
	font-family:"Segoe UI",Verdana, Arial, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	border:1px inset;
}
.drp25 {
	width:25px;
}
.drp30 {
	width:30px;
}
.drp40 {
	width:40px;
}
.drp50 {
	width:50px;
}
.drp75 {
	width:75px;
}
.drp100 {
	width:100px;
}
.drp200 {
	width:200px;
}
.drp50prc {
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	background:#FEFEFE;
	width:50%;
}
.drp100prc {
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	background:#FEFEFE;
	width:100%;
}
.drpQuickSelect {
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	background:#E6F5EF;
	color:#73B195;
	width:100%;
}
/* text input field styles */
.ipt {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #FEFEFE;
	padding:1px 3px 0px 3px;
}
.input {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #FEFEFE;
	padding:1px 3px 0px 3px;
}
.ipt25 {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #FEFEFE;
	padding:1px 3px 0px 3px;
	width:25px;
}
.ipt35 {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #D9E5FC;
	padding:1px 3px 0px 3px;
	width:35px;
}
.ipt50 {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #FEFEFE;
	padding:1px 3px 0px 3px;
	width:50px;
}
.ipt65 {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #D9E5FC;
	padding:1px 3px 0px 3px;
	width:65px;
}
.ipt75 {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #FEFEFE;
	padding:1px 3px 0px 3px;
	width:75px;
}
.ipt90 {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #FEFEFE;
	padding:1px 3px 0px 3px;
	width:90px;
}
.ipt100 {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #FEFEFE;
	padding:1px 3px 0px 3px;
	width:100px;
}
.ipt125 {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #FEFEFE;
	padding:1px 3px 0px 3px;
	width:125px;
}
.ipt150 {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #FEFEFE;
	padding:1px 3px 0px 3px;
	width:150px;
}
.ipt175 {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #FEFEFE;
	padding:1px 3px 0px 3px;
	width:175px;
}
.ipt200 {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px inset;
	padding:1px 0px 0px 3px;
	width:200px;
}
.ipt300 {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #FEFEFE;
	padding:1px 3px 0px 3px;
	width:300px;
}
.ipt50prc {
	background:#FEFEFE;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px 1px 1px 1px solid #FEFEFE;
	padding:1px 3px 0px 3px;
	width:50%;
}
.ipt100prc {
	font-size:12px;
	font-family: "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	border:1px inset;
	background:#FEFEFE;
	padding:1px 0px 0px 3px;
	width:99%;
}
.fieldLabel {
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
}
/*--- + ---------------------------------------------------------------- + ----*/
/* the admin specific styles*/

/* table formatting*/
          .buttonTable {
	background:#EEF0F3;
	border:thin groove;
	color:#000000;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	padding:1px
}
.containerTable {
}
/* styles for the option handling form*/	 
       .optionsDefault {
	background:#99A6BA;
	border:thin groove;
	color:#FFFFFF;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	padding-left:3px;
}
.optionsFeatures {
	background:#8B929E;
	border:thin groove;
	color:#FFFFFF;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	padding-left:3px;
}
.optionsSystem {
	background:#637FA8;
	border:thin groove;
	color:#FFFFFF;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	margin-left:3px;
}
.optionsDisplay {
	background:#6A798F;
	border:thin groove;
	color:#FFFFFF;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	margin-left:3px;
}
.tableHeaderNormal {
	background:#808080;
	border:thin groove;
	color:#FFFFFF;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	margin-left:0px;
	text-indent:0px
}
.tableRaised {
	background:#F2F2F2;
	border-bottom:solid #584300 1px;
	border-left:solid #FFFFFF 1px;
	border-right:solid #584300 1px;
	border-top:solid #FFFFFF 1px;
	color:#000000;
	font:12px "Segoe UI",Verdana, Arial, Geneva, sans-serif
}
.fakeButton {
	background:#808080;
	color: #FFFFFF;
	height: 19px;
	background:#304F90;
}
.borderOnAllSides td {
	border:1px solid #000000;
	background-color: white;
	padding:4px;
}
table.borderOnAllSides {
	border-collapse:collapse;
	background-color: white;
	margin-bottom:5px;
}
.noBorder td {
	border:0px solid #ffffff;
	background-color: white;
	padding:4px;
}
table.noBorder {
	border-collapse:collapse;
	background-color: white;
	margin-bottom:5px;
}
.borderOnBottom td {
	border-bottom:1px solid #000000;
	background-color: white;
	padding:4px;
}
/* styles for page overview*/


.tableRowTop {
	background:#47649E;
	color:#FFFFFF;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	margin-left:0px;
	text-indent:3px
}
.tableRowUnEven {
	color:#000000;
	padding-left:2px;
	padding-right:2px;
	border-right: 2px inset;
	border-right-color:#ffffff;
	border-left-color:#ffffff;
	border-bottom: 1px solid white;

	background:#ffffff;
}
.tableRowBorderEven {
	background:#F8F8F8;
	color:#47649E;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	padding-left:4px;
	border-bottom:1px dashed black;
}
.tableRowBorderUnEven {
	background:#FFFFFF;
	color:#47649E;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	padding-left:4px;
	border-bottom:1px dashed black;
}
.tableRowUnChanged {
	color:#000000;
	padding:0px;
	padding-left:2px;
	padding-right:2px;
	border-right: 2px groove white;
	border-bottom: 1px solid white;
	border-left: groove 2px white;
}
.tableRowChanged {
	color:#000000;
	padding:0px;
	padding-left:2px;
	padding-right:2px;
	border-right: 2px groove white;
	border-bottom: 1px solid white;
	border-left: groove 2px white;
}
.tableRowDynamicPage {
	background:#B3BAC4;
	border:thin groove;
	color:#333333;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	padding-left:2px;
}
.tableRowAlert {
	background:#CC0000;
	border:thin groove;
	color:#FFFFFF;
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	padding-left:2px;
}
.importantRed {
	color:#CC0000;
}
.infoOk {
	font:normal 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	color:#000000;
	background:#d4edd5;
	padding-left:10px;
	padding-bottom:3px;
	padding-top:3px;
	margin:0;
	border-bottom:1px solid #808080;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #808080;
	background-image: url(/sysModules/sysGfx/obxBgToolbarOK.gif)
}
.infoError {
	font:bold 12px "Segoe UI",Verdana, Arial, Geneva, sans-serif;
	color:#FFFFFF;
	background:#CC0000;
	padding-left:10px;
	padding-bottom:2px;
	padding-top:3px;
}
/* styles for the toolbar */
.normalButton {
	border:solid 0px white;
	vertical-align:middle;
	cursor:pointer;
	-moz-border-radius:3px;
	border-radius:3px;
}
.overButton {
	background-image: url(/sysModules/sysGfx/item_small_background.png);
    background-repeat: repeat-x;
    border: 0px solid #FFB700;
	cursor:pointer;
	vertical-align:middle;
	-moz-border-radius:3px;
	border-radius:3px;

}
.downButton {
	background-image: url(/sysModules/sysGfx/item_small_background.png);
	cursor:pointer;
	vertical-align:middle;
}
.header {
	color:#cccccc;
	font-size:12px;
	font-weight: bold;
	font-family: "Segoe UI",Verdana, Arial, sans-serif;
	letter-spacing:3px;
}
.webMenuInnerBorder {
	background-image: url(/sysModules/sysGfx/obxBgToolbar.32.gif);
	border-top: solid #ffffff 1px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #808080 1px;
	border-right: solid #808080 1px;
	padding:0px;
	width:100%;
}
.webMenuIBr {
	background-image: url(/sysModules/sysGfx/obxBgToolbar.32.gif);
	border-top: solid #ffffff 1px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #808080 1px;
	border-right: solid #808080 1px;
	padding:0px;
	width:100%;
	height:21px;
}
.webMenuBtn {
	height:20px;
}
.letterDropdownRow {
	background-image: url(/sysModules/sysGfx/obxBgToolbar.32.gif);
}
.webMenuHandle {
	background-color:#D4D0C8;
	border-top: solid #ffffff 1px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #808080 1px;
	border-right: solid #808080 1px;
	width:3px;
}
.webMenuDivider {
	background-color:#D4D0C8;
	border-left: solid #808080 1px;
	border-right: solid #ffffff 1px;
width=2px;
}
.greyBar {
	padding:0;
	margin:0;
	border-bottom:1px solid #808080;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #808080;
	valign:top;
}
.iconGray {
	cursor: default;
	filter:alpha(opacity=40);
	opacity:0.4;
	-moz-opacity:0.4;
}
form {
	margin: 0px;
}
.recordNavTopRow01 {
	background-image: url(/sysModules/sysGfx/obxBgToolbar.32.gif);
	border-top: solid #ffffff 1px;
	border-left: solid #ffffff 1px;
	border-bottom: solid #808080 1px;
	border-right: solid #808080 1px;
	padding:0px;
	height:24px;
	width:100%;
}
.recordNavContentArea01 {
	border-top:1px solid #ffffff;
	border-right:1px solid #808080;
	padding:0;
}
.tableThinBorder {
	border-collapse: collapse;
	margin-top: 0px;
}
.tableHeader {
	background-image: url(/sysModules/sysGfx/obxBgToolbar.32.gif);
	color:#000000;
	padding-left:2px;
	padding-right:2px;
	border-right: 2px inset;
	border-right-color:#ffffff;
	border-left-color:#ffffff;
	border-bottom: 1px solid white;
}
.tableRowEven {
	color:#000000;
	padding-left:2px;
	padding-right:2px;
	border-right: 2px inset;
	border-right-color:#ffffff;
	border-left-color:#ffffff;
	border-bottom: 1px solid white;
}
.smallBtnDBX {
	width:100%;
	font-weight:bold;
	font-size:12px;
}
.dbx_sortButton {
	height: 30px;
	font:bold 12px/12px;
	padding:2px;
}
/* Start custom button CSS here
---------------------------------------- */
.btn {
	display:inline-block;
	background:none;
	margin:0;
	padding:3px 0;
	border-width:0;
	overflow:visible;
	font:100%/1.2 Arial, Sans-serif;
	text-decoration:none;
	color:#333;
}
* html button.btn {
	padding-bottom:1px;
}
/* Immediately below is a temporary hack to serve the 
   following margin values only to Gecko browsers
   Gecko browsers add an extra 3px of left/right 
   padding to button elements which can't be overriden.
   Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
 margin:0 -3px;
}
.btn span {
	background:#ddd url(/sysModules/sysGfx/bgButton.gif) repeat-x 0 0;
	margin:0;
	padding:3px 0;
	border-left:1px solid #bbb;
	border-right:1px solid #aaa;
}
* html .btn span {
	padding-top:0;
}
.btn span span {
	position:relative;
	padding:3px 1em;
	border-width:0;
	border-top:1px solid #bbb;
	border-bottom:1px solid #aaa;
}
/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
	border-right-width:0;
}
button.pill-l span span {
	border-right:1px solid #bbb;
}
button.pill-c span {
	border-right-style:none;
	border-left-color:#fff;
}
button.pill-c span span {
	border-right:1px solid #bbb;
}
button.pill-r span {
	border-left-color:#fff;
}
/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
	cursor:pointer; /* important for any clickable/pressable element */
	border-color:#9cf !important;
	color:#000;
	text-decoration:none;
}
.btn:active span {
	background-position:0 -400px;
	outline:none;
}
.btn:focus, .btn:active {
	outline:none; /* doesn't seem to be respected for <button>, only <a> */
	text-decoration:none;
}
/* use if one button should be the 'primary' button */
.primary {
	font-weight:bold;
	color:#000;
}

/* obxSlidShow Sort Scren */
#sortTableHolder {table-layout:fixed;border-collapse:collapse}
#sortTableHolder td {border:1px solid #ffffff;padding:0;border-collapse:collapse}
#sortTableHolder td table td {border:none;}
div.sortable {border-bottom:1px solid #808080;}
#editableForm {table-layout:fixed;border-collapse:collapse;border:0;}
#editableForm td {border:1px solid #3b3b3b;border-left:0;border-right:0;padding:3px;}
#trashBasket {table-layout:fixed;border-collapse:collapse;}
#trashBasket td {border:1px solid #3b3b3b;border-left:0;border-right:0;padding:0px;}

#contentDragger, .draggerTop {background-image: url(/sysmodules/sysGfx/draggerVerBg.gif);border-left:1px solid #ffffff;border-right:1px solid #808080;}