body {
	font-family: Segoe UI, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	position: relative
}

a {
	text-decoration: none;
	color: #1b7fa9
}

blockquote {
	margin: 0 0 18px 4px;
	padding: 0 16px;
	font-style: italic;
	border-left: 5px solid #a50000;
	color: #808080
}

.fl {
	float: left
}

.fr {
	float: right
}

.middle {
	vertical-align: middle
}

.clear {
	clear: both
}

hr {
	width: 100%;
	height: 1px;
	border-bottom: 0;
	color: #e6e6e6;
	margin-bottom: 20px
}

.hide {
	display: none
}

#header {
	height: 75px;
    background: linear-gradient(80deg,#1f0098 0%,#05d7f0 100%);
    padding: 0 20px;
}

h1#install_title {
	line-height: 75px;
    background: transparent url(../images/logo.png) left center no-repeat;
    padding-left: 85px;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
}

#language {
	margin-top: 30px;
	height: 16px;
	font-size: 12px;
	position: relative;
	text-align: right;
	color: #fff
}

.language_head {
	font-weight: 700;
    cursor: pointer;
    color: #fff;
    padding: 5px 10px 5px 10px;
    border: 1px dotted #fff;
    border-radius: 4px;
}

.language_head img {
	vertical-align: middle
}

.language_body {
	z-index: 10000;
	position: absolute;
	top: 20px;
	right: 0;
	display: none;
	width: 180px;
	border-top: 0
}

.language_body li {
	position: relative;
	z-index: 10001;
	background: #ffffff;
	border-bottom: 1px solid #fff;
	height: 20px;
	line-height: 20px;
	text-align: left
}

.language_body li.alt {
	background: #362f2d
}

.language_body li a {
	z-index: 10002;
	color: #000;
	text-decoration: none;
	padding-left: 10px
}

.language_body li a:hover {
	color: #ff0000
}

.language_body img {
	border: none;
	position: absolute;
	top: 2px;
	right: 10px
}

.version {
	text-transform: lowercase
}

#install_area {
	background: url(../images/left_bg.png) left top repeat-y;
	padding: 20px 0;
	border-bottom: 1px solid #e6e6e6;
	width: 100%
}

#step_bar {
	width: 228px;
	margin-left: -100%
}

#step_bar li {
	line-height: 32px;
	padding-right: 22px;
	margin-left: 20px;
	background: url(../images/blank_step_icon.png) right center no-repeat;
	font-size: 13px;
	font-family: Segoe UI, Tahoma, sans-serif
}

#step_bar li .number {
	color: #999;
	margin-right: 10px;
	font-weight: normal !important;
	font-size: 13px
}

#step_bar li.passed_step {
	font-weight: bold;
	background: url(../images/pass_step_icon.png) right center no-repeat
}

#step_bar li.current_step {
	font-weight: bold;
	background: url(../images/current_step_icon.png) right center no-repeat;
	color: #f58e32
}

#step_content_wrapper {
	width: 100%;
	z-index: 1
}

#step_content {
	z-index: 2;
	margin: 0 20px;
	border: 1px solid #e6e6e6;
	padding: 3px 10px 5px;
	margin-left: 250px
}

div.step_content_title {
	z-index: 3;
	font-size: 16px;
	line-height: 2.4;
	font-weight: 700;
	text-transform: uppercase;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px;
	color: #3a9705
}

.control_t li {
	height: 27px;
	background: url(../images/button_left_corner.png) left center no-repeat;
	padding-left: 15px;
	margin: 0 3px;
	float: left
}

.control_t li span {
	height: 27px;
	background: url(../images/button_right_corner.png) right center no-repeat;
	display: block;
	float: left;
	padding-right: 11px
}

.control_t li span.back_step {
	background: url(../images/button_right_back_corner.png) right center no-repeat;
	padding-right: 26px
}

.control_t li span.next_step {
	background: url(../images/button_right_next_corner.png) right center no-repeat;
	padding-right: 26px
}

.control_t li span.okay {
	background: url(../images/button_right_okay_corner.png) right center no-repeat;
	padding-right: 26px
}

.control_t li span.home {
	background: url(../images/button_right_home_corner.png) right center no-repeat;
	padding-right: 26px
}

.control_t li span a {
	height: 27px;
	line-height: 27px;
	background: url(../images/button_center_bg.png) left center repeat-x;
	display: block;
	float: left;
	color: #333;
	text-decoration: none
}

.control_t li span a:hover {
	color: #000
}

.block {
	width: 100%
}

.content {
	font-family: Tahoma, sans-serif
}

.content p {
	font-family: Tahoma, sans-serif;
	margin-bottom: 10px
}

.content h3 {
	font-size: 14px;
	font-family: Tahoma, sans-serif;
	margin-bottom: 10px
}

#footer {
	font-family: Tahoma, sans-serif;
	padding: 10px 20px;
	color: #666;
	background: url(../images/vinades.png) 20px 12px no-repeat
}

#footer p {
	margin-left: 40px
}

.txt, .button, .area, .select {
	border: 1px solid #e6e6e6
}

.button {
	background: url('../images/button_center_bg.png') repeat-x left center;
	cursor: pointer;
	padding: 2px 5px
}

.checkbox {
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    top: -1px;
}

.select {
	padding: 1px
}

.highlight_green {
	color: #449a05
}

.highlight_red {
	color: #a50000
}

.highlight {
	background: #fdf6e9;
	border: 1px solid #ffd6aa;
	padding: 3px 10px;
	margin-bottom: 10px
}

.install_succesfull {
	font-size: 18px;
	color: #a50000
}

ul.lc li {
	margin-left: 30px
}

ul.lc li li {
	margin-left: 20px
}

ul.lc li .nb {
	margin-left: -20px;
	width: 20px;
	display: inline-block;
	font-weight: bold
}

.test {
	border: 1px solid #ccc;
	cursor: pointer
}

.selectbox-wrapper {
	border: 1px solid red;
	cursor: pointer
}

.text_normal {
	text-transform: none;
	font-weight: normal !important;
	letter-spacing: normal;
	font-size: 12px !important
}

.error, .error a {
	color: #a50000
}

.center {
	text-align: center
}

/* INFO BOX */
div.infook, div.infoerror, div.infoalert {
	padding: 10px;
	margin: 5px 0;
	line-height: 1.5em;
	text-align: center
}

div.infook {
	border-top: 1px solid #6C6;
	border-bottom: 1px solid #6C6;
	background-color: #CFC
}

div.infoerror {
	border-top: 1px solid #C33;
	border-bottom: 1px solid #C33;
	background-color: #F66;
	color: white
}

div.infoalert {
	border-top: 1px solid #9CF;
	border-bottom: 1px solid #9CF;
	background-color: #C5DEFA
}

div.infook a, div.inerror a, div.infoalert a {
	text-decoration: underline;
}

div.infoerror a {
	color: #fff;
	text-decoration: underline;
}

.all-work {
	height: 370px;
	overflow: auto
}

.current-work {
	height: 370px;
	overflow: auto
}

.current-work .data {
	padding: 0 10px;
	text-align: center
}

.workitem {
	padding: 5px;
	display: block;
	border-bottom: 1px solid #C1DAD7;
	padding-left: 25px;
	background: url('../images/pending.png') no-repeat 5px center;
	font-size: 11px
}

.ierror {
	background: url('../images/error.png') no-repeat 5px center
}

.iok {
	background: url('../images/outgroup.png') no-repeat 5px center
}

.iwarn {
	background: url('../images/warning.png') no-repeat 5px center
}

.iload {
	background: url('../images/load.gif') no-repeat 5px center
}

.w120{
	width: 120px;
}

.w150{
	width: 150px;
}

.w200{
	width: 200px;
}

.nv-modal{
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: none;
	opacity: 0;
}

.nv-modal > .nv-modal-wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.nv-modal > .nv-modal-wrap > .nv-modal-content{
	width: 480px;
	padding: 20px;
	border-radius: 5px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 20px;
	margin-left: -250px;
}

.nv-modal-content ul{
	list-style: circle!important;
	padding: 5px 0 5px 30px;
}
#thanks {
	margin-top: 20px;
	border-top: 1px solid #e6e6e6;
}
#thanks a {
	color: #1b7fa9;
}
#thanks .administrator h1 {
	z-index: 3;
    font-size: 16px;
    line-height: 2.4;
    font-weight: 700;
    text-transform: uppercase;
    color: #3a9705;
    font-family: Segoe UI, Tahoma, sans-serif;
}
#thanks .list-member {
	max-height: 220px;
	overflow-y: auto;
}
#thanks .list-member h4 {
	font-family: Segoe UI, Tahoma, sans-serif;
	font-size: 14px;
	color: #ff3300;
}
#thanks .list-member h5 {
	color: #333;
}
#thanks .list-member .list-member-all {
	padding-bottom: 20px
}
#thanks .list-member .list-member-other-version .version {
	padding: 10px 0px;
	text-transform: inherit;
}
