html {
	background: url('../images/share4mobile-logo.png') no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	position: relative;
/*	width: 512px;
 */
	margin: auto;
	margin-top: 100px;
	padding: 0;
	text-align:center;
	border: 0, black, solid;
}

p {
	text-align: justify;
}
h1 {
	font-size: 24px;
	color: #FF8000;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
	color: #FF8000;
}

A {
	color: #0080FF;
	text-decoration:none;
}

A:link {
	text-decoration:none;
} 

A:hover{
	text-decoration:underline;
	color: #FF8000;
}
#steps {
	font-size: 24px;
	list-style-type:decimal;
}

label{
	vertical-align: baseline;
	font-size: 16px;
}

#steps p{
	vertical-align: baseline;
	font-size: 16px;
}


#file, #file_id, #url, #operator, #phone {
	color: #ff8000
}


.error {
	color: #FFffff;
	font-size: 11px;
	display: block; 
	border: 1px #FF8888 dotted;
	border-collapse:separate;
	padding: 2px;
	margin: 2px;
	margin-bottom: 16px;
    background-color: #FF0000;
}
.current_step, .current_step code {
	color: #ff8000
}

.next_step, .next_step code {
	color:#919191;
}

.finished_step, .finished_step code {
/*	color: #0080ff;*/
	color: #1cbd13;
}

#download_notice {
	display: none;
}

.fieldarea {
	font-family:"Courier New", Courier, monospace;
	display: block; 
	font-weight: bold;
	border: 1px silver dashed;
	padding: 2px;
	margin: 2px;
	margin-bottom: 8px;
	background-color: #f2f2f2; /* #D4E7FF */
}

.field {
	font-family:"Courier New", Courier, monospace;
	display: block; 
	font-weight: bold;
	border: 1px silver dashed;
	padding: 2px;
	margin: 2px;
	margin-bottom: 8px;
	background-color: #f2f2f2; /* #D4E7FF */
}

code {
	font-family:"Courier New", Courier, monospace;
 	white-space: nowrap;
	display: block; 
	font-weight: bold;
	border: 1px silver dashed;
	padding: 2px;
	margin: 2px;
	margin-bottom: 8px;
	background-color: #f2f2f2; /* #D4E7FF */
}
.field {
	font-size: 24px;
	width: auto;
}
code {
	font-size: 24px;
	width: auto;
}
.fieldarea {
	font-size: 14px;
	width: 100%;
	height: 60px;
}
.note {
	margin-top: 16px;
	color: gray;
	text-align: justify;
	font-size: 10px;
}
.note LI{
	margin: 4px;
}

.note UL{
		list-style: disc;
}

.submenu {
	float: right; 
	margin: 4px;
	padding: 4px;
/*	display: block; */
	list-style: disc;
	list-style-position: inside;
	font-size: 10px;
	border: 1px silver dashed;
}
.submenu li{
/*	display: inline;*/
	padding: 1px;
	margin: 2px;
	color: #0080ff;
}


.submenu A:hover{
	text-decoration: none;
}

.tab-pane {
	font-size: 11px;
	font-weight: normal;
	color: black;
}

.tab-pane label{
	font-size: 11px;
}

label {
	display: block; 
	width: 100%
}

#operator {
	width: 100%;
}

sup {
	color: silver;
}

#countries {
	font-size: 11px;
	color: black;
}

select.icon-menu option {
	background-repeat:no-repeat;
	background-position:bottom left;
	padding-left:30px;
}

select#countries option[value="USA"] {
background-image:url(../flags/us.png);
}
select#countries option[value="India"] {
background-image:url(../flags/in.png);
}
select#countries option[value="England"] {
background-image:url(../flags/gb.png);
}
select#countries option[value="France"] {
background-image:url(../flags/fr.png);
}
select#countries option[value="Germany"] {
background-image:url(../flags/gn.png);
}
select#countries option[value="Canada"] {
background-image:url(../flags/ca.png);
}
select#countries option[value="Russia"] {
background-image:url(../flags/ru.png);
}

/* ToDo: extend this list to all flags and countries (flags in ISO 3166-1 alpha-2 country codes.)  */

#url {
	width: 100%;
}

#file {
	width: 100%;
}

#menu {
	font-size: 14px;
}

#copyrights {
	margin: 8px;
	font-size: 11px;
	color:#808080; 
}


/*
.v1, .v2, .v3, .v4, .v5 {
	height: 1px;
	font-size: 1px;
	display: block;
	overflow: hidden;
	border: 1px solid #B8C3C8;
	border-width: 0 1px;

.v1 {margin: 0 5px; background: #B8C3C8;}
}
*/

#v1 {
    margin-left: auto;
    margin-right: auto;
	width: 520px;
	margin-top: 32px;
	margin-bottom: 16px;
	text-align: left;
}

#v1 {
  border: 5px solid #4397ff;
  
	padding: 8px;
	padding-left: 110px;
	padding-right: 24px;
	position: relative;
	background: url(../images/l.gif) repeat-y;

}
#br {
	position: absolute;
}
#bl {
	position: absolute;
}
#tr {
	position: absolute;
}
#tl-4 {
	position: absolute;
	top: -36px;
	left: -48px;
	width: 150px;
	height: 266px;
}
#tl-3 {
	position: absolute;
	top: -36px;
	left: -48px;
	width: 150px;
	height: 266px;
}
#tl-2 {
	position: absolute;
	top: -36px;
	left: -48px;
	width: 150px;
	height: 266px;
}
#tl-1 {
	position: absolute;
	top: -36px;
	left: -48px;
	width: 150px;
	height: 266px;
}
#tl-1 {
	background: url(../images/tl-1.gif) no-repeat;
}
#tl-2 {
	background: url(../images/tl-2.gif) no-repeat;
}
#tl-3 {
	background: url(../images/tl-3.gif) no-repeat;
}
#tl-4 {
	background: url(../images/tl-4.gif) no-repeat;
}

#tr {
	top: -5px;
	right: -5px;
	background: url(../images/tr.gif) no-repeat;
	width: 20px;
	height: 12px;
}
#l {
	top: 266px;
	left: -48px;
	background: url(../images/l.gif) repeat-y;
	width: 150px;
	height: 39px;
}
#bl {
	bottom: -5px;
	left: -48px;
	background: url(../images/bl.gif) no-repeat;
	width: 150px;
	height: 12px;
}
#br {
	bottom: -5px;
	right: -5px;
	background: url(../images/br.gif) no-repeat;
	width: 20px;
	height: 12px;
}


* html #br {
	bottom: -12px;
}

* html #bl {
	bottom: -12px;
}