body {
	background-color:#f5f5f5;
	margin:0;
	padding:0;
	border:0;
	text-align:left;
}

a img {
	border:0;
}

:focus { -moz-outline-style:none; }  /* remove dotted lines in firefox */

form {
	margin:0;
	padding:0;
}

p {
	margin-top:0;
	margin-bottom:0;
}

select,textarea {
	border:1px solid #000;
}

input.text,select.text {
	border:1px solid #7f9db9;
}  /* matching the XP textbox style */

/* 
 * new design with orange boxes: 
 * this is the style for a title in a <p> tag
 */
.box_title_white {
	position:absolute; 
	top: 6px; 
	width:100%;
	padding:0;
	margin:0;
	text-align:center; 
	font-weight:bold;
	color:#fff;
}

/* classes for pages with a header,used where the user is not logged in */

body.banner .main {
	position:relative;
	top:122px;
}

body.banner_small .main {
	position:relative;
	top:122px;
}

/* general use classes */
.left {
	float:left !important;
}

.right {
	float:right !important;
}

.clear {
	clear:both;
}

.tight {
	padding:0 !important;
	margin:0 !important;
}

.hide {
	display:none !important;
}

.center {
	text-align:center;
}

.warning {
	color:red;
}

/* standard layout classes */
body.padded {
	margin:20px;
}

.inside {
	margin:10px;
	text-align:left;
}

.bordered,.lp_dialog {
	border:2px solid #003070;
}

.warning-dialog,.lp_dialog {
	margin:0 auto;
	text-align:left;
	margin-bottom:20px;
}

.warning-border,.warning-dialog {
	border-color:#DA2129 !important;
}

.warning-dialog {
	border:20px solid;
	border-top-width:2px;
	border-bottom-width:2px;
}

.warning-dialog .inside {
	background:#f99d1c url(/images/alert.gif) 8px 50% no-repeat;
	padding:0 0 0 68px;
	margin:0;
}

.medium-box {
	width:585px;
}

.small-box {
	width:480px;
}

.title_img {
	background:#f99d1c center no-repeat;
	text-align:center;
}

.title_img img,.subtitle_img img {
	margin:10px auto;
}

.subtitle_img {
	background:#003070 center no-repeat;
	text-align:center;
}

.separator {
	border-bottom:1px solid #DBDBDB;
	margin:0 0 10px 0;
	height:10px;
	clear:both;
}

.row {
	clear:both;
	margin:10px 0;
}

/* error page styles */
.error {
	width:320px;
	margin:20px auto;
	overflow:hidden;
}

.error a {
	font-size:11px;
	color:#0024FF;
	text-decoration:underline;
}

.error .inside {
	padding:30px 0 50px 0;
	text-align:center;
}

.error img {
	width:320px;
	height:55px;
}

/* styles for the blue buttons used everywhere
 * note:any padding goes on a span inside the button,for IE Box Model compatibility
 */
.button,.button span {
	display:block;
	padding:0;
	margin:0;
	white-space:nowrap;
	-moz-user-select:none;
}

.button {
	font:bold 11px 'Trebuchet MS',Arial,Helvetica,sans-serif;
	text-align:center;
	text-decoration:none !important;
	background:#003070;
	color:#fff;
	cursor:pointer;
	border:0 !important;
	width:114px;
	height:1.8em;
	line-height:180%;
	margin:0 auto 2px auto;
	overflow:hidden;
}

.short {
	width:75px;
}

.horPaddingTenPix {
	padding-left: 10px;
	padding-right: 10px;	
}

.inLine {
	display: inline;
}

.long {
	width:180px;
}

/* centered layer with 2 or 3 buttons side by side
 * note:outer layer must have 'text-align:center' for IE
 * I know,the naming conventions are horrible. but they're necessary.
 */
.buttons {
	width:268px; /* (114+20)*2 (margin) */
}

.buttons3 {
	width:402px; /* (114+20)*3 (margin) */
}

.longbuttons {
	width:400px; /* (180+20)*2 (margin) */
}

.longbuttons3 {
	width:600px; /* (180+20)*3 (margin) */
}

.buttons,.buttons3,.longbuttons,.longbuttons3 {
	margin:0 auto;
	height:1.6em;
}

.buttons .button,.buttons3 .button,.longbuttons .button,.longbuttons3 .button
	{
	display:inline; /* fix ie double-margin bug */
	float:left;
	margin:0 10px;
}

.buttons .button,.buttons3 .button {
	width:114px;
}

.longbuttons .button,.longbuttons3 .button {
	width:180px;
}

.left-buttons .button {
	float:left;
	margin:0 20px 0 0 !important;
}

/* general a tag for a button with shadow */
div.shadow-button-container a.shadow-button, a.shadow-button {
	float: left;		
	height:21px; 
	text-decoration:none; 
	text-align: center; 
	background-repeat:no-repeat; 
	cursor:hand;
	cursor:pointer;
	border: 0;
	
	color: #000000 !important; 
 	text-decoration: none !important;
 	font-weight: normal !important;
 	
}

div.shadow-button-container a.shadow-button:hover, a.shadow-button:hover {
	text-decoration:none; 
}

/* for IE7 */
*+html a.shadow-button,*+html div.shadow-button-container a.shadow-button {
	float: none;
	display: inline-block;
}

/* for IE6 */
* html a.shadow-button,* html div.shadow-button-container a.shadow-button {
	float: none;
	display: inline-block;
}

div.shadow-button-container {
	height:21px;			
	display:table;	/* shrink-wrap and center the container for FireFox */
	margin: 0 auto;
 	text-align:center; /* center the content for IE since the container always has maximum width */
}

/* individual buttons */
a.orange-108-white{
	width:108px;
	background-image: url(/images/buttons/orange_108_white.gif);
}
a.orange-108-white:hover{
	background-image: url(/images/buttons/orange_108_white_m.gif);
}

a.orange-142-white{
	width:142px;
	background-image: url(/images/buttons/orange_142_white.gif);
}
a.orange-142-white:hover{
	background-image: url(/images/buttons/orange_142_white_m.gif);
}

a.orange-150-white{
	width:150px;
	background-image: url(/images/buttons/orange_150_white.gif);
}
a.orange-150-white:hover{
	background-image: url(/images/buttons/orange_150_white_m.gif);
}

a.orange-200-white{
	width:200px;
	background-image: url(/images/buttons/orange_200_white.gif);
}
a.orange-200-white:hover{
	background-image: url(/images/buttons/orange_200_white_m.gif);
}

a.orange-232-white{
	width:232px;
	background-image: url(/images/buttons/orange_232_white.gif);
}
a.orange-232-white:hover{
	background-image: url(/images/buttons/orange_232_white_m.gif);
}

a.orange-arrow-127-white{
	width:127px;
	background-image: url(/images/buttons/orange_arrow_127_white.gif);
}
a.orange-arrow-127-white:hover{
	background-image: url(/images/buttons/orange_arrow_127_white_m.gif);
}

a.grey-85-nobg{
	width:85px;
	background-image: url(/images/buttons/grey_85_nobg.gif);
}
a.grey-85-nobg:hover{
	background-image: url(/images/buttons/grey_85_nobg_m.gif);
	text-decoration: none;
}

a.grey-108-white{
	width:108px;
	background-image: url(/images/buttons/grey_108_white.gif);
}
a.grey-108-white:hover{
	background-image: url(/images/buttons/grey_108_white_m.gif);
}

a.grey-120-white{
	width:120px;
	background-image: url(/images/buttons/grey_120_white.gif);
}
a.grey-120-white:hover{
	background-image: url(/images/buttons/grey_120_white_m.gif);
}

a.grey-142-white{
	width:142px;
	background-image: url(/images/buttons/grey_142_white.gif);
}
a.grey-142-white:hover{
	background-image: url(/images/buttons/grey_142_white_m.gif);
}

a.grey-175-white{
	width:175px;
	background-image: url(/images/buttons/grey_175_white.gif);
}
a.grey-175-white:hover{
	background-image: url(/images/buttons/grey_175_white_m.gif);
}

a.grey-200-white{
	width:200px;
	background-image: url(/images/buttons/grey_200_white.gif);
}
a.grey-200-white:hover{
	background-image: url(/images/buttons/grey_200_white_m.gif);
}
a.grey-200-white-disabled{
	color: #777777;
	cursor: default;
	width:200px;
	background-image: url(/images/buttons/grey_200_white.gif);
}

.small-title,.title-text,.big-title,.form-title-text,.form-other-text,.form-example-text,.formfield-name-text,.formfield-option-text,.formfield-fixed-value-text {
	color:#003170;
	font-weight:bold;
}

.small-text,.small-title {
	font-size:11px;
}

.title-text,.form-title-text,.form-other-text,.form-example-text,.formfield-name-text,.formfield-option-text,.formfield-fixed-value-text {
	font-size:12px;
}

.big-title {
	font-size:14px;
}

.sub-text {
	font-size:11px;
	color:#6D6D6D;
	font-weight:bold;
}

.grey-sub-text {
	font-size:10px;
	line-height: normal;
	color:#6D6D6D;
}

/* help balloon style */
#helpBalloon {
	position:absolute;
	right:10px;
	top:10px;
	width:250px;
	background-color:#FCB117;
	font:10px Arial,Helvetica,sans-serif;
	color:#000000;
	border:1px solid Black;
	padding:5px;
	text-align:left;
	display:none;
	z-index:1500;
}

#content_container {
	position:absolute;
	left:260px;
	top:130px;
	background:#fff;
	margin-left:0px;
}

#content_container div.tabs {
	background:transparent;
	margin:5px 5px 0px 5px;
	border-bottom:solid 1px #000;
}

#content_container span.tab_active {
	color:#000;
	background:#fff;
	border:solid 1px #000;
	border-bottom:solid 1px #fff;
	padding:5px 5px 0px 5px;
	margin-right:5px;
}

#content_container span.tab {
	color:#000;
	background:#fff;
	border:solid 1px #000;
	padding:2px 2px 0px 2px;
	margin-right:5px;
}

#content_container .tab_edit {
	display:block;
}

#content_container .tab_settings {
	display:none;
}

#content_container .box {
	color:#000;
	background:#fff;
	border:solid 1px #000;
	border-top:0px;
	padding:5px;
	margin:0px 5px 5px 5px;
}

#content_container p.title {
	margin:0px;
	padding:5px;
	background:#1a326a;
	color:#fff;
	font-weight:bold;
	font-size:13px;
	border-top:solid 1px #fff;
}

#content_container .left_content {
	padding:5px 0px 0px 0px;
	margin-bottom:1px;
	color:#001199;
	border:solid 1px #1a326a;
	border-top:0px;
}

#content_container a.button {
	padding:0px 20px 0px 20px;
	color:#fff;
	font-weight:bold;
	background:#1a326a;
	text-decoration:none;
}

#content_container a {
	color:#1a326a;
	font-weight:bold;
	text-decoration:none;
}

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

#content_container a.title {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

#content_container a.title:hover {
	text-decoration:underline;
}

#content_container a.tab {
	color:#1a326a;
	font-weight:normal;
	text-decoration:none;
}

#content_container a.tab:hover {
	text-decoration:none;
}

#content_container a.tab_active {
	color:#1a326a;
	font-weight:bold;
	text-decoration:none;
}

#content_container a.tab_active:hover {
	text-decoration:none;
}

#content_container input.password_settings {
	width:120px;
}

#content_container p.actions {
	margin:5px 0px 10px 0px;
}

#content_container p.forum {
	border-top:solid 1px #000;
	clear:both;
}

#content_container button.layout {
	width:25px;
	padding:0px;
}

.helpBox {
	position:absolute;
	right:50px;
	top:29px;
	width:250px;
	background-color: transparent;
	font-family:Verdana;
	color: #11215A;
	font-size: 11px;
	text-align:left;
	display:none;
	z-index:1500;
}

.helpBox .helpBoxHeader {
	background: url(/images/help_header.gif) no-repeat;
	display: block;
	width: 250px;
	height: 28px;
	position: relative;
	top: 21px;
}

.helpBox .helpBoxBody {
	background: url(/images/help_body.gif) repeat-y;
	display: block;
	width: 250px;
}

.helpBox .helpBoxText {
	background: url(/images/help_footer.gif) 0px 100% no-repeat;
	position: relative;
	top: 3px;
	width: 250px;
	padding: 0 10px;
}

.helpBox .helpBoxTextContent {
	width: 230px;
	padding-bottom: 10px;
}

.helpBox .helpBoxTextContent p {
	margin-bottom: 0.5em;
}

#popup-title {
	width:100%;
	height: 25px;
	color: white;
	padding-top: 5px;
	text-align: center;
	background-image: url(/images/popup-title-bg.png);
	background-repeat: repeat-x;
	cursor: default;
	font-weight: bold;
}

#licenseinfodialog .x-panel-collapsed {
	padding: 0px;
	margin: 0px;
}

#licenseinfodialog #currlicensepanel a, #licenseinfodialog #archlicensespanel a {
	color: #0000FF;
}

#currlicensepanel, #archlicensespanel, #licensedisclpanel {
	margin-top: 7px;
}

#licenseinfodialog #licenseslist {
	background-color: #FFFFFF;
	border: 1px solid #A1A1A1;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-right: 2px;
	padding: 2px;
	height: 60px;
}

.float-right {float: right; }

#fotolialogo { }
#fotolialogoct {text-align: center; }
#fotolialink {font-size: 16px; font-weight: bold; }
#fotoliaheader {font-size: 20px; }


#navigation_container img { border:none; padding:0; margin:0; }

#navigation_container { width:100%; height:107px; background:url(/titlebar/images/mainnav_background.gif) top left repeat-x;min-width:980px; width:expression(document.body.clientWidth < 981? "980px": "auto" );}
#navigation_container2 { z-index: 15; height:107px; position: absolute; min-width:980px; width:expression(document.body.clientWidth < 981? "980px": "auto" );}

#main_navigation, #main_navigation li, #main_navigation a {
	display:block;
	height:84px;
	margin:0;
}

#main_navigation { padding:0 0 0 16px; list-style:none; overflow:hidden; }
#main_navigation li { padding:0; float:left; }
#main_navigation a { padding:0 2px; border:0; text-indent:-5000px; }

#main_navigation li, #main_navigation li a {
	background-image: url(/images/titlebar/stepall_all.gif); 
	background-repeat: no-repeat;
}


#sub_navigation {  height:23px;list-style:none;margin:0;padding:0 0 0 13px; }
#sub_navigation li { position:relative;margin:0;padding:3px 0 0 0;display:block;float:left;height:19px; }
#sub_navigation a {  display:block; padding-right:14px; padding-left:13px; text-decoration:none;background:url(/titlebar/images/subnav_sep.gif) top right no-repeat; }
#sub_navigation a#Logout { background:none; }

#sub_navigation li ul.submenu_dropdown { display:none; }

/* the entire ul has a 6px padding to the left to cut the right aligned background graphic of the <li> */
#sub_navigation li.hover ul.submenu_dropdown { display:block;position:absolute;top:21px;left:4px;padding:0 0 0 6px;margin:0;list-style:none;background:url(/titlebar/images/dropdown_background.png) top left repeat; }


/* height values calculated for items in the middle:20px for the text, 1px seperator at the bottom
 * the <li> has a right aligned background graphic. The left 6px are cut off due to the padding of the <ul>. This element is 6 pixel smaller than the <ul> */
#sub_navigation .submenu_dropdown li  { height:21px;padding:0;margin:0;display:block;width:100%;list-style:none;background:url(/titlebar/images/dropdown.gif) top right no-repeat; }

/* the <a> is also 6 pixel smaller than the <ul>. It has a left aligned background graphic which fills the leftmost 6px (the padding of the ul) due to the -6px positioning */
#sub_navigation .submenu_dropdown a { height:18px;margin:0;padding:4px 0 0 0;position:relative;left:-6px;width:100%;display:block;text-indent:9px;color:white;font-size:11px; border:0;background:url(/titlebar/images/dropdown.gif) top left no-repeat;text-decoration:none; }

/* the hover (background) graphic must fill 3px more to the right so it has 3px padding there */
#sub_navigation .submenu_dropdown a:hover { margin:0;padding:4px 3px 0 0;position:relative;top:-1px;color:#11215a;border:0;background:url(/titlebar/images/dropdown_mouseover.gif) top left no-repeat; }

/* 2px top border, 20px text, 1px seperator => 23px height and 2 px more padding at the top */
#sub_navigation .submenu_dropdown li.submenu_dropdown_first  { height:23px; }
#sub_navigation .submenu_dropdown li.submenu_dropdown_first a { padding-top:5px; }
#sub_navigation .submenu_dropdown  li.submenu_dropdown_first a:hover { padding-top:5px;top:0; }

#sub_navigation .submenu_dropdown li.submenu_dropdown_middle  { background-position: 100% -23px;}
#sub_navigation .submenu_dropdown li.submenu_dropdown_middle a { background-position: 0 -23px; }
#sub_navigation .submenu_dropdown  li.submenu_dropdown_middle a:hover { background-position: 0 -23px;}

/* 20 px text and 2px bottom border => 22px height, no changes in padding */
#sub_navigation .submenu_dropdown li.submenu_dropdown_last  { height:22px;background-position: 100% -44px;}
#sub_navigation .submenu_dropdown li.submenu_dropdown_last a { height:19px;background-position: 0 -44px; }
#sub_navigation .submenu_dropdown  li.submenu_dropdown_last a:hover { height:19px;background-position: 0 -45px; }