html, body { 
	position: absolute;
	z-index: 200;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	overflow: auto;
	background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-khtml-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
	background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
	background-repeat:no-repeat;
}

#global { 
	position: relative;
	background-color: black;
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
}

H1{
	font-size : 150%;
	font-weight : bold;
	color: #325ab4;
	padding : 0 0 0 0;
	margin  : 0 0 0 0;
}

H2{
	font-size : 110%;
	color: #cccccc;
	font-weight : bold;
	padding : 0 0 0 0;
	margin  : 0 0 0 0;
}

H3{
	font-size : 120%;
	color: #cccccc;
	font-weight : bold;
	padding : 0 0 0 0;
	margin  : 0 0 0 0;
}

H4{
	font-size : 110%;
	color: #888888;
	font-weight : normal;
	padding : 0 0 0 0;
	margin  : 0 0 0 0;
}

H5{
	font-size : 110%;
	color: #888888;
	font-weight : normal;
	font-style:italic;
	padding : 0 0 0 0;
	margin  : 0 0 0 0;
}

H6{
	font-size : 110%;
	color: #cccccc;
	text-decoration:underline;
	padding : 0 0 0 0;
	margin  : 0 0 0 0;
}

A:link{
	font-size : 110%;
	color: #325ab4;
}
A:visited{
	font-size : 110%;
	color: #325ab4;
}
A:active {
	font-size : 110%;
	color: #325ab4;
}
A:hover{
	font-size : 110%;
	color: #325ab4;
}
.sotbALinkImg {
	text-decoration:none;
	color: black;
}
A img{
	border: none;
}


header {
	display:block;
	padding : 0 0 0 0;
	margin  : 0 0 0 0;
}

#sotb_logo {
	height:100px;
}

footer {
	position: relative;
	display:block;
	border-top: 1px;
	border-color: #cccccc;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 11px;
	color: #cccccc;
	bottom: 0;
	width:100%;
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 40%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(40%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 40%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 40%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 40%); /* IE10+ */
	background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 40%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}
#sotb_html5_logo {
	height: 24px;
	width: 24px;
	right: 0;
}
#sotb_footer_logo {
	height: 24px;
	width: 24px;
	right: 0;
}

section {
	display:inline-block;
	position: relative;
	margin: 0 auto;
	padding: 10px 20px;
	width: 100%;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 12px;
	color: #cccccc;
	text-align: left;
}

nav {
	display:inline-block;
	position: relative;
	margin-bottom: 30px;
	width: 100%;
	background: #27292b; /* Old browsers */
	background: -moz-linear-gradient(top, #27292b 0%, #000000 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27292b), color-stop(99%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #27292b 0%,#000000 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #27292b 0%,#000000 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #27292b 0%,#000000 99%); /* IE10+ */
	background: linear-gradient(top, #27292b 0%,#000000 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27292b', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

img {
  vertical-align:middle;
}
.marge {
	margin-left: 5em;
}
.smallMarge{
	margin-left: 2em;
}

#menu_list_nav {
	display:inline-block;
}
ul#menu_list_nav {
	//display:block;
	font-family: Arial, Helvetica, "sans-serif";
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	list-style:none;
}
ul#menu_list_nav li{
	position: relative;
	float: left;
}
ul#menu_list_nav li a {
	display:list-item;
	text-decoration:none;
	padding:5px 0;
	width:100px;
	background:transparent;
	color:#888888;
	float:left;
	text-align:center;
	border-left:1px solid #555555;
	font-size : 110%;
	font-weight : bold;
}
ul#menu_list_nav li a:hover {
	color:#cccccc;
}
ul#menu_list_nav li.selected a { 
	color:#cccccc;
}


ul#menu_list_nav ul
{	
	top: 40px;
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: transparent;
	color: transparent;
}
ul#menu_list_nav ul a
{	
	position: relative;
	display: block;
	z-index: 600;
	margin: 0;
	padding: 5px 10px;
	width:auto;
	text-align: left;
	color: transparent;
	font-size : 85%;
	font-weight : bold;
}

ul#menu_list_nav ul a:hover
{
	color: #325ab4;
}
ul#menu_list_nav li.selected ul li a { 
	color:#888888;
}
ul#menu_list_nav li.selected ul li  a:hover { 
	color: #325ab4;
}
ul#menu_list_nav li ul li a { 
	color:#888888;
}
ul#menu_list_nav li ul li  a:hover { 
	color: #325ab4;
}


/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	position:		relative;
}
.sf-navbar li {
	position:		static;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	position:		relative;
}
.sf-navbar li li ul {
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	//left:			0;
	//top:			2.5em; /* match top ul list item height */
}
/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}


#gutter {
	position: absolute;
	width: 100%;
	height: 58px;
	top: 0;
	left: 0;
	overflow: hidden;
}
#highlight {
	background: url(../img/background-sub-highlight.png);
	background-repeat:no-repeat;
	height: 58px;
	width: 124px;
	display: block;
	position: absolute;
	top: -5px;
	left: 0;
}

#sotbProduct {
	display:block;
	position: relative;
	margin: 0;
	padding: 20px;
	width: 100%;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
	border-style:solid;
	border-width:1px;
	border-color: #cccccc;
}

.corner5 {
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.cornerTopLeftRight15 {
	-moz-border-top-right-radius: 15px; 
	-webkit-border-top-right-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-top-left-radius: 15px; 
	-webkit-border-top-left-radius: 15px;
	border-top-left-radius: 15px;
}
.cornerBottomLeftRight15 {
	-moz-border-bottom-right-radius: 15px; 
	-webkit-border-bottom-right-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px; 
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

div.windows_logo {
	height: 32px;
	width: 36px;
	right: 0;
}
div.windowsX64_logo {
	height: 32px;
	width: 36px;
	right: 0;
}
div.vst3_logo {
	height: 32px;
	width: 36px;
	right: 0;
}
div.vst_logo {
	height: 32px;
	width: 36px;
	right: 0;
}
div.chrome_logo {
	height: 32px;
	width: 36px;
	right: 0;
}
div.firefox_logo {
	height: 32px;
	width: 36px;
	right: 0;
}
div.safari_logo {
	height: 32px;
	width: 36px;
	right: 0;
}
div.internetExplorer_logo {
	height: 32px;
	width: 36px;
	right: 0;
}
div.opera_logo {
	height: 32px;
	width: 36px;
	right: 0;
}
div.thunder_logo {
	height: 18px;
	width: 18px;
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
}
div.write_logo {
	height: 20px;
	width: 20px;
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
}

#gplusoneParent {
	width: 250px;
}

#sotbProductImg{
	position: relative;
	padding : 0 0 0 0;
	margin  : 5 5 5 5;
	width: 250px;
	background-repeat:no-repeat;
}

#sotbplaceholderBckGrd{
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	margin  : 0 0 0 0;
	height: 250px;
	width: 100%;
	background:#404040;
}
#sotbplaceholder{
	position: relative;
	padding : 0 0 0 0;
	margin-left: auto;
	margin-right: auto;
	height: 250px;
	width: 97%;
	background-repeat:no-repeat;
	background:black;
}
#sotbplaceholderTextBckGrd{
	position: relative;
	margin  : 0 0 0 0;
	height: 50px;
	width: 100%;
	background: #27292b; /* Old browsers */
	background: -moz-linear-gradient(top, #27292b 0%, #101010 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27292b), color-stop(99%,#101010)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #27292b 0%,#101010 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #27292b 0%,#101010 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #27292b 0%,#101010 99%); /* IE10+ */
	background: linear-gradient(top, #27292b 0%,#101010 99%); /* W3C */
	//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27292b', endColorstr='#101010',GradientType=0 ); /* IE6-9 */
}
#sotbplaceholderText{
	position: relative;
	padding : 0 0 0 0;
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	//height: 100%;
	top:15px;
	font-size : 110%;
	color: #cccccc;
	font-weight : bold;
}
#sotbplaceholderNav{
	position: relative;
}
.circleDiv{
	float: right;
	margin: -5px 10px 0px 10px;
	background-color: transparent;
	background-image:url(../img/miniVuMeter.png);
	background-repeat:no-repeat;
	height: 28px;
	width: 19px;
	//background-position:0px 0px;
}
.circleDiv:hover{
	cursor: pointer;
}
.circleDiv.selected{
	background-color: transparent;
	background-image:url(../img/miniVuMeter.png);
	background-repeat:no-repeat;
	height: 28px;
	width: 19px;
	//background-position:-95px 0px;
}

.arrowLeft{
	position: absolute;
	background-color: transparent;
	background-image:url(../img/arrows.png);
	background-repeat:no-repeat;
	height: 30px;
	width: 30px;
	background-position:0px 0px;
	cursor: pointer;
	z-index: 100;
	overflow: hidden;
}
.arrowRight{
	position: absolute;
	background-color: transparent;
	background-image:url(../img/arrows.png);
	background-repeat:no-repeat;
	height: 30px;
	width: 30px;
	background-position:-30px 0px;
	cursor: pointer;
	z-index: 100;
	overflow: hidden;
}

#sotbWorldMapImg {
	display:none;
	position: absolute;
	top: 200px;
	left:50%;
	margin-left: -382px;
	text-align: left;
	z-index: 500;
}
#sotbWorldMapReducedImg {
	height: 24px;
	width: 24px;
	vertical-align:middle;
}
#sotbWorldMapReducedImg:hover
{
    cursor: pointer;
}

.sotbLangImgOff {
	height: 24px;
	width: 24px;
	vertical-align:middle;
	opacity: 0.5;
}
.sotbLangImgOn{
	height: 24px;
	width: 24px;
	vertical-align:middle;
	opacity: 0.9;
}

#sotbMainProductImg{
	display:none;
	position: absolute;
	top: 200px;
	text-align: left;
	z-index: 500;
}
#sotbMainProductReducedImg {
	position: relative;
	padding : 0 0 0 0;
	margin  : 5 5 5 5;
	width: 250px;
	background-repeat:no-repeat;
}
#sotbMainProductReducedImg:hover
{
    cursor: pointer;
}


#rt_picture {
	height: 140px;
	width: 128px;
	right: 0;
}


ul#menu_list_product {
	font-family: bold 11px Arial, Helvetica, "sans-serif";
    list-style-type: none;
    padding-bottom: 24px;
    //border-bottom: 1px solid #cccccc;
    margin: 0;
}
ul#menu_list_product li {
    float: left;
    height: 21px;
    background-color: #999;
    margin: 2px 2px 0 2px;
    border: 1px solid #cccccc;
}
ul#menu_list_product li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
#menu_list_product a {
    float: left;
    display: block;
    color: #123a94;
    text-decoration: none;
    padding: 4px;
}
#menu_list_product a:hover {
    background: #fff;
	color: #123a94;
}
ul#menu_list_product li.selected a { 
	background:#325ab4;
	color: #cccccc;
}

#sotbFree{
	font-size : 120%;
	font-weight : bold;
	color: #325ab4;
	padding : 0 0 0 0;
	margin  : 0 0 0 0;
}

div.separatorTop {
	height: 1px;
	background-color: #cccccc;
}
div.separatorLeft {
	width: 1px;
	height: 100%;
	background-color: #cccccc;
}

input {
	background-color:black;
	color: #cccccc;
	border:1px solid #cccccc;
	padding: 5px 10px;
}
input:focus{
	border:1px solid #325ab4;
}


#sotbCancelBack{
	height: 32px;
	width: 117px;
}
#sotbCancel{
	background-image:url(../img/cancel.png);
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
	background-position:0px 0px;
}
#sotbCancel:hover{
	background-position:0px -33px;
}
#sotbCancel:active{
	background-position:0px -97px;
}
#sotbCancelFr{
	background-image:url(../img/cancelFr.png);
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
	background-position:0px 0px;
}
#sotbCancelFr:hover{
	background-position:0px -33px;
}
#sotbCancelFr:active{
	background-position:0px -97px;
}


#sotbDownloadBack{
	height: 32px;
	width: 117px;
}
#sotbDownload{
	background-image:url(../img/download.png);
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
	background-position:0px 0px;
}
#sotbDownload:hover{
	background-position:0px -33px;
}
#sotbDownload:active{
	background-position:0px -97px;
}
#sotbDownloadFr{
	background-image:url(../img/downloadFr.png);
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
	background-position:0px 0px;
}
#sotbDownloadFr:hover{
	background-position:0px -33px;
}
#sotbDownloadFr:active{
	background-position:0px -97px;
}

#sotbSendBack{
	height: 32px;
	width: 117px;
}
#sotbSend{
	background-image:url(../img/send.png);
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
	background-position:0px 0px;
}
#sotbSend:hover{
	background-position:0px -33px;
}
#sotbSend:active{
	background-position:0px -97px;
}
#sotbSend:disabled {
	background-position:0px -66px;
}
#sotbSendFr{
	background-image:url(../img/sendFr.png);
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
	background-position:0px 0px;
}
#sotbSendFr:hover{
	background-position:0px -33px;
}
#sotbSendFr:active{
	background-position:0px -97px;
}
#sotbSendFr:disabled {
	background-position:0px -66px;
}
#sotbSendMail{
	background-image:url(../img/send.png);
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
	background-position:0px 0px;
}
#sotbSendMail:hover{
	background-position:0px -33px;
}
#sotbSendMail:active{
	background-position:0px -97px;
}
#sotbSendMail:disabled {
	background-position:0px -66px;
}

#sotbUpdateBack{
	height: 32px;
	width: 117px;
}
#sotbUpdate{
	background-image:url(../img/update.png);
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
	background-position:0px 0px;
}
#sotbUpdate:hover{
	background-position:0px -33px;
}
#sotbUpdate:active{
	background-position:0px -97px;
}


#sotbSetDefaultBack{
	height: 32px;
	width: 117px;
}
#sotbSetDefault{
	background-image:url(../img/setdefault.png);
	background-repeat:no-repeat;
	height: 100%;
	width: 100%;
	background-position:0px 0px;
}
#sotbSetDefault:hover{
	background-position:0px -33px;
}
#sotbSetDefault:active{
	background-position:0px -97px;
}

.panelFAQ{
	background-color: #080808;
	border:1px solid #101010;
	margin-bottom: 5px;
}
.arrowFAQRight{	
	background-color: #101010;
	background-image:url(../img/arrowFAQ3.png);
	background-repeat:no-repeat;
	height: 100%;
	background-position:0px 0px;
	padding-left:20px;
	
	cursor: pointer;
	color:888888;
}
.arrowFAQDown{
	background-color: #101010;
	background-image:url(../img/arrowFAQ3.png);
	background-repeat:no-repeat;
	height: 100%;
	background-position:0px -20px;
	padding-left:20px;
	
	cursor: pointer;
	color:888888;
}


.cadre-commentaire-admin{
	background-color: #101010;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
H2.cadre-commentaire-admin{
	color: #325ab4;
}
H4.cadre-commentaire-admin{
	color: #cccccc;
}

.cadre-commentaire{
	background-color: #101010;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



.textarea{
	background-color: #101010;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:888888;
	color:white;
}

.jsWidgetVarList{
	font-size : 110%;
	color: #888888;
	font-weight : normal;
	padding : 0 0 0 0;
	margin  : 0 0 0 0;
}

.jsWidgetVarList table {
	border: medium solid #325ab4;
	border-collapse: collapse;
}
.jsWidgetVarList th {
	color: #cccccc;
	border: thin solid #325ab4;
	padding: 5px;
}
.jsWidgetVarList td {
	border: thin solid #888888;
	padding: 0px;
}




/*! jQuery UI - v1.8.24 - 2012-09-28
* https://github.com/jquery/jquery-ui
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.tabs.css, jquery.ui.theme.css
* Copyright (c) 2012 AUTHORS.txt; Licensed MIT, GPL */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }

.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.24
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */

.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Component containers
----------------------------------*/
.ui-widget {}
.ui-widget .ui-widget {}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {}
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; /*{bgColorContent}*/ /*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #888888/*{fcContent}*/; }
.ui-widget-content a { color: #888888/*{fcContent}*/; }
.ui-widget-header { /*{borderColorHeader}*/; background: #888888/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #888888/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #888888/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*//*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #cccccc/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #cccccc/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*//*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #888888/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #888888/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*//*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #888888/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #888888/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*//*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #888888/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #888888/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cccccc/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*//*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cccccc/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cccccc/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cccccc/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*//*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*//*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }

