/* @group CSS Reset */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* @end */

/* @group General */

body{
	font-family: 'Trebuchet MS', 'Arial' , 'Helvetica', sans-serif;
	background-color: #F4F4F4;
	min-width: 1180px;
}

a.signUpLink{
	margin-left: 10px;
}


/* @end */

/* @group Sprite */

.icon{background-image:url('/fotoweb/rsrc/RegSprite.png');background-repeat:no-repeat}

.complete_icon{width:45px;height:48px;background-position:-1169px 0}
.dropDown_button{width:40px;height:37px;background-position:-390px -297px}
.popup_close{width:19px;height:19px;background-position:-1193px -91px}


/* @end */

/* @group Form */


#header
{
	width: 100%;
	height: 67px;
	background: #263131; /* Old browsers */
	background: -moz-linear-gradient(top, #263131 0%, #263131 0%, #333C3C 100%, #333C3C 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#263131), color-stop(0%,#263131), color-stop(100%,#333C3C), color-stop(100%,#333C3C)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #263131 0%,#263131 0%,#333C3C 100%,#333C3C 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #263131 0%,#263131 0%,#333C3C 100%,#333C3C 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #263131 0%,#263131 0%,#333C3C 100%,#333C3C 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#263131', endColorstr='#333C3C',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #263131 0%,#263131 0%,#333C3C 100%,#333C3C 100%); /* W3C */
}

#header #Logo
{
	padding: 22px 0 0 18px;
	float: left;
    cursor: default;
}

#header h1
{
	font: inherit;
	color: #FFFFFF;
	font-size: 28px;
	float:left;
	padding: 22px 50px;
}


#registerForm
{
	margin: 15px 0px;
	overflow: auto;
}

.column
{
	float: left;
	margin-bottom: 20px;
}

fieldset
{
	width: 390px;
	padding: 10px 0 0 0;
	margin: 0;
	border: 0;
}

.sectionHeader
{
	width:88%;
	margin: 0 auto 12px;
	padding: 0 10px 2px;
	border-bottom: 1px solid gray;
}


/* @end */

/* @group TextField */
.textFieldContainer
{
	border: 2px solid #5C6166;
	margin: 0 0 17px 22px;
	background-color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 

}


.textFieldContainer.last
{
	margin-bottom:30px;
}

.textFieldContainer div
{
	float:left;
}

.icon_container
{
	border-right: 2px solid #5C6166;
	width:37px;
	-moz-border-radius: 2px 0 0  2px; 
	-webkit-border-radius:  2px 0 0  2px; 
	border-radius: 2px 0 0  2px; 
	background: #A2A5A7; /* Old browsers */
	background: -moz-linear-gradient(top, #A2A5A7 0%, #A2A5A7 0%, #E7E8E8 100%, #E7E8E8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A2A5A7), color-stop(0%,#A2A5A7), color-stop(100%,#E7E8E8), color-stop(100%,#E7E8E8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #A2A5A7 0%,#A2A5A7 0%,#E7E8E8 100%,#E7E8E8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #A2A5A7 0%,#A2A5A7 0%,#E7E8E8 100%,#E7E8E8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #A2A5A7 0%,#A2A5A7 0%,#E7E8E8 100%,#E7E8E8 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A2A5A7', endColorstr='#E7E8E8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #A2A5A7 0%,#A2A5A7 0%,#E7E8E8 100%,#E7E8E8 100%); /* W3C */
}

.icon_container img
{
	padding: 4px 7px;
}

.textFieldContainer input
{
	border:none;
	width:294px;
	height: 31px;
	line-height: 31px;
	vertical-align: middle;
	margin: 0 3px;
	border: 0px;
}

input.medium 
{
	width: 200px;
}

input.short 
{
 	width: 100px;
}


.idleField
{
	font-size: 20px;
	font-style: italic;
	color: #999999;
}

.focusField
{
	font-size: 20px;
	color: #393F46;
}

/* @end */

/* @group Dropdown */

.dropDownContainer
{
	border: 2px solid #5C6166;
	margin: 0 0 17px 22px;
	background-color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	display: inline-block;
}

.dropDownContainer div, .dropDownContainer input
{
	float: left;
}

.dropDownContainer input
{
	border:none;
	width:256px;
	height: 31px;
	line-height: 31px;
	vertical-align: middle;
	margin: 0 3px;
}

.dropDownButton 
{
	cursor: pointer;
	position:relative;
	width:38px;
	height: 33px;
	background: #6A7379;  Old browsers 
	background: -moz-linear-gradient(top, #6A7379 0%, #6A7379 0%, #49535B 70%, #49535B 70%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A7379), color-stop(0%,#6A7379), color-stop(70%,#49535B), color-stop(70%,#49535B));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top, #6A7379 0%,#6A7379 0%,#49535B 70%,#49535B 70%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top, #6A7379 0%,#6A7379 0%,#49535B 70%,#49535B 70%);  Opera11.10+ 
	background: -ms-linear-gradient(top, #6A7379 0%,#6A7379 0%,#49535B 70%,#49535B 70%);  IE10+ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A7379', endColorstr='#49535B',GradientType=0 );  IE6-9 
	background: linear-gradient(top, #6A7379 0%,#6A7379 0%,#49535B 70%,#49535B 70%);  W3C
	clear:both;
}


.dropDownButtonArrow 
{
	border-color: #FFFFFF transparent transparent  transparent;
	border-style: solid;
	border-width: 10px;
	height:0;
	width:0;
	position:absolute;
	bottom:0px;
	left:9px;
}


.dropDownList
{
	display: none;
	position: absolute;
	list-style: none;
	clear: both;
	top: 35px;
	left: 37px;
	z-index: 10;
	max-height: 300px;
	overflow: auto;
	overflow-x:hidden;
	-ms-overflow-x:hidden;
}

.dropDownList li
{
	border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color:#5C6166;
}


.dropDownList li a
{
	display: block;
	text-decoration: none;
	font-size: 20px;
	color: #393F46;
	width: 288px;
	padding: 7px;
	background: #E3E4E4; /* Old browsers */
	background: -moz-linear-gradient(top, #E3E4E4 0%, #E3E4E4 0%, #FFFFFF 100%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E3E4E4), color-stop(0%,#E3E4E4), color-stop(100%,#FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #E3E4E4 0%,#E3E4E4 0%,#FFFFFF 100%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #E3E4E4 0%,#E3E4E4 0%,#FFFFFF 100%,#FFFFFF 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #E3E4E4 0%,#E3E4E4 0%,#FFFFFF 100%,#FFFFFF 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E3E4E4', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #E3E4E4 0%,#E3E4E4 0%,#FFFFFF 100%,#FFFFFF 100%); /* W3C */
}


.dropDownList li a:hover
{
	background: white;
}



/* @end */

/* @group Button */

.buttonContainer
{
	clear: both;
	display: block;
	margin: 0px auto 10px;
	cursor: pointer;
	border: 2px solid #CBCBCB;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #6A7379; /* Old browsers */
	background: -moz-linear-gradient(top, #6A7379 0%, #6A7379 0%, #49535B 72%, #49535B 72%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A7379), color-stop(0%,#6A7379), color-stop(72%,#49535B), color-stop(72%,#49535B)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6A7379 0%,#6A7379 0%,#49535B 72%,#49535B 72%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6A7379 0%,#6A7379 0%,#49535B 72%,#49535B 72%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #6A7379 0%,#6A7379 0%,#49535B 72%,#49535B 72%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A7379', endColorstr='#49535B',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #6A7379 0%,#6A7379 0%,#49535B 72%,#49535B 72%); /* W3C */
}


.buttonContainer.disabled
{
	cursor: default;
	background: #E5E5E5; /* Old browsers */
	background: -moz-linear-gradient(top, #E5E5E5 0%, #E5E5E5 0%, #D1D1D1 72%, #D1D1D1 72%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(0%,#E5E5E5), color-stop(72%,#D1D1D1), color-stop(72%,#D1D1D1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #E5E5E5 0%,#E5E5E5 0%,#D1D1D1 72%,#D1D1D1 72%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #E5E5E5 0%,#E5E5E5 0%,#D1D1D1 72%,#D1D1D1 72%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #E5E5E5 0%,#E5E5E5 0%,#D1D1D1 72%,#D1D1D1 72%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5E5E5', endColorstr='#D1D1D1',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #E5E5E5 0%,#E5E5E5 0%,#D1D1D1 72%,#D1D1D1 72%); /* W3C */
}


.buttonContainer a
{
	color: #6600a1;
	text-decoration: none;
	font-size: 22px;
}

.buttonContainer.disabled a
{
	cursor: default;
}

#forgotPassword .buttonContainer,#confirmationDialog .buttonContainer,#successDialog .buttonContainer
{
	margin-top:20px;
	padding-left: 20px;
	padding-right: 20px;
}

/* @end */

/* @group Information_container */

.information_container
{
	border: 2px solid #CBCBCB;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; 
	background: #6A7379; /* Old browsers */
	background: -moz-linear-gradient(top, #6A7379 0%, #6A7379 0%, #49535B 72%, #49535B 72%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A7379), color-stop(0%,#6A7379), color-stop(72%,#49535B), color-stop(72%,#49535B)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6A7379 0%,#6A7379 0%,#49535B 72%,#49535B 72%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6A7379 0%,#6A7379 0%,#49535B 72%,#49535B 72%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #6A7379 0%,#6A7379 0%,#49535B 72%,#49535B 72%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A7379', endColorstr='#49535B',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #6A7379 0%,#6A7379 0%,#49535B 72%,#49535B 72%); /* W3C */

}

.information_container p
{
	font-size: 14px;
	color:#FFFFFF;
}


.information_container.big
{
	margin:auto;
	width:351px;
	height:198px;
}


.information_container.small
{
	width:349px;
	height:46px;
	margin: 0 auto 17px; 
}

.information_container.small p
{
	padding-left:20px;
}

 /* TODO: fix me */
.information_container.small p:first-child
{
	padding: 8px 0 0 20px;
}

.information_container.small a
{
	font-size: 14px;
	color:white;
	text-decoration: underline;
}


/* @end */

/* @group infoBox */

.infoContainer {
	left: 200px;
	top: 200px;
	background-color:#FFFFD9;
	border:2px solid #666666;
	position:absolute;
	z-index: 100;
	width:217px;
	height: 45px;
	font-size: 14px;
	padding: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	-moz-box-shadow:2px 2px 3px #888888;
	-webkit-box-shadow:2px 2px 3px #888888;
	box-shadow:2px 2px 3px #888888;
}
.info-arrow-border-left {
	border-color: transparent #666666 transparent transparent;
	border-style: solid;
	border-width: 10px;
	height:0;
	width:0;
	position:absolute;
	bottom:18px;
	left:-22px;
}
.info-arrow-left {
	border-color: transparent #FFFFD9 transparent transparent;
	border-style: solid;
	border-width: 10px;
	height:0;
	width:0;
	position:absolute;
	bottom:18px;
	left:-19px;
}

.info-arrow-border-top {
	border-color: transparent transparent #666666 transparent;
	border-style: solid;
	border-width: 10px;
	height:0;
	width:0;
	position:absolute;
	bottom:57px;
	left:20px;
}
.info-arrow-top {
	border-color: transparent transparent #FFFFD9 transparent;
	border-style: solid;
	border-width: 10px;
	height:0;
	width:0;
	position:absolute;
	bottom:54px;
	left:20px;
}

.infoContainer a
{
	position: absolute;
	bottom: 3px;
	color: #1A9DCD;
	text-decoration: underline;
}


/* @end */

/* @group Popup */

.ui-dialog
{
	position:absolute;
	float:left;
}

.ui-dialog-titlebar{
	position:relative;
	color:#ffffff;
	margin: 0;
	border-width: 2px 2px 0;
	border-style: solid;
	border-color: #8E9192;
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0; 
	background: #00A9D6; /* Old browsers */
	background: -moz-linear-gradient(top, #00A9D6 0%, #00A9D6 0%, #0082B0 100%, #0082B0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00A9D6), color-stop(0%,#00A9D6), color-stop(100%,#0082B0), color-stop(100%,#0082B0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6600a1 0%,#6600a1 0%,#6600a1 100%,#6600a1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00A9D6 0%,#00A9D6 0%,#0082B0 100%,#0082B0 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #00A9D6 0%,#00A9D6 0%,#0082B0 100%,#0082B0 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00A9D6', endColorstr='#0082B0',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #00A9D6 0%,#00A9D6 0%,#0082B0 100%,#0082B0 100%); /* W3C */
	width:389px;
	height:43px;
	z-index:20;
}

.ui-dialog-title
{
	font-size: 22px;
	float: left;
	margin: 10px 0 0 16px;
}

.ui-dialog-titlebar-close
{
	background-image:url('/fotoweb/rsrc/FWDialogCloseBtn.png');
	position:absolute;
	top:0;
	right: 0;
	padding:0;
	width: 19px;
	height: 19px;
}

.ui-widget-overlay   
{   
    background-color: #000000;
    left: 0;   
    opacity: 0.5;
    filter: alpha(opacity=50);   
    position: absolute;   
    top: 0;   
}

.popup_box
{
	padding: 20px 0 0;
	width:390px;
	height:283px;
	border-width: 0 2px 2px;
	border-style: solid;
	border-color: #8E9192;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius:0 0 10px 10px; 
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 0%, #DADADA 100%, #DADADA 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(0%,#FFFFFF), color-stop(100%,#DADADA), color-stop(100%,#DADADA)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 0%,#DADADA 100%,#DADADA 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 0%,#DADADA 100%,#DADADA 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 0%,#DADADA 100%,#DADADA 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#DADADA',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #FFFFFF 0%,#FFFFFF 0%,#DADADA 100%,#DADADA 100%); /* W3C */
}


.popup_box .horizontalLine
{
	margin: 10px 5px 20px;
}

.popup_box .textFieldContainer:last-child
{
	margin-bottom:20px;
}

/* @end */

/* @group SignUp */

#signUpDescription p
{
	width: 88%;
	font-size: 14px;
	color:#393F46;
	margin: 0 auto 12px;
	padding: 0 10px 12px;
	border-bottom: 1px solid gray;
}

/*
#signUp .icon_container img
{
	padding: 4px 7px;
}*/

#signUp .infoContainer
{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

/* @end */

/* @group SignUp Done */


#signUpDoneIconWrapper
{
	float:left;
	width: 40%;
}

#signUpDoneIcon
{
	padding:70px 0 0 50px;
}


.signUpDoneInformation{
	float:right;
	width: 60%;
	padding-top: 60px;
}

.signUpDoneInformation p
{
	font-size: 14px;
	color:white;
	margin-bottom: 10px;
}


/* @end */

/* @group SignUp AjaxSpinner */

.loading_bar {
  position: fixed;
  display: none;
  height: 100%;
  width: 100%;
  top:0;
  left:0;
  z-index: 999;
  
  opacity: 0.5;
  filter: alpha(opacity=50);    
  background: #34383e url('/fotoweb/rsrc/RegLoader.gif') no-repeat 50% 50%; /* #34383e */
}

/* @end */