@charset "utf-8";

/* Standard styles */
html { padding: 0; height: 100%;}
body { font-family: Arial, Helvetica, sans-serif; margin-top: 0px; padding-top: 0px; height:100%; }
p { margin:0px; padding: 0px; }
img { border: 0px; padding:0px; margin:0px; }
table { border-collapse: separate; }
strong {font-weight:bold;}
div#margin-bloc {height: 100%; margin-top: -650px; min-height: 650px; max-height: 690px; position: relative;}


a.link {text-decoration: none;}
a.link:hover {text-decoration: underline;}
a.active{text-decoration: underline;}

a.greylink {text-decoration: none;}

.breadcrumb{font-size:11px;margin-left:5px;}
.breadcrumb a,
.breadcrumb a:visited {text-decoration: none;}
.breadcrumb a:hover {text-decoration: underline;}
.imgBreadcrumb{vertical-align:bottom;}

li.tutorials{margin-bottom:10px;}

.txt-14{font-size:14px;}
.txt-13{font-size:13px;}
.txt-12{font-size:12px;}
.txt-11{font-size:11px;}
.txt-10{font-size:10px;}

h1{font-size:1em;display:inline;font-weight:normal;}
h2{font-size:1em;display:inline;font-weight:normal;}
h3{font-size:1em;display:inline;font-weight:normal;}
h4{font-size:1em;display:inline;font-weight:normal;}
h5{font-size:1em;display:inline;font-weight:normal;}

h1#bold{font-weight:bold;}
h2#bold{font-weight:bold;}
h3#bold{font-weight:bold;}
h4#bold{font-weight:bold;}
h5#bold{font-weight:bold;}

.cursor-in { cursor:-moz-zoom-in;}
.cursor-out { cursor:-moz-zoom-out;}

table .bg-grey{background-color:#E0E0E0;}

.div-clear-both { clear: both; }

#header{border-bottom:solid 1px;}


/* shared system */
.fb_container{float:left;margin-right:5px;margin-top:5px;}
.tweet_container{margin-top:4px;float:left;}
.tweet_container2{margin-left:10px;margin-top:4px;float:left;}
.shareButtons{float:right;margin-top:-11px;}
.shareButtons .tweet_container{margin-left:10px;}
.shareButtons .tweet_container2{margin-right:20px;}

/* dialog JS Required */
.JSRequired{width:100%;height:100%;background:#000;opacity:0.3; position:fixed; top:0;left:0;display:block;z-index:10000;}
.dialogJSRequired{width:230px;position:fixed;top:50%;left:50%;margin-left:-100px;margin-top:-55px;z-index:10001;}
.dialogJSRequired b.roundedCornerPart1{height: 1px; font-size: 1px; overflow: hidden; display: block; margin: 0pt 5px; background: none repeat scroll 0% 0% rgb(0,0,0);}
.dialogJSRequired b.roundedCornerPart2{height: 1px; font-size: 1px; overflow: hidden; display: block; margin: 0pt 3px; border-right: 2px solid rgb(0,0,0); border-left: 2px solid rgb(0,0,0); border-color: rgb(0,0,0); background: none repeat scroll 0% 0% rgb(12,71,86);}
.dialogJSRequired b.roundedCornerPart3{height: 1px; font-size: 1px; overflow: hidden; display: block; margin: 0pt 2px; border-right: 1px solid rgb(0,0,0); border-left: 1px solid rgb(0,0,0); border-color: rgb(0,0,0); background: none repeat scroll 0% 0% rgb(12,71,86);}
.dialogJSRequired b.roundedCornerPart4{font-size: 1px; overflow: hidden; display: block; margin: 0pt 1px; border-right: 1px solid rgb(0,0,0); border-left: 1px solid rgb(0,0,0); height: 2px; border-color: rgb(0,0,0); background: none repeat scroll 0% 0% rgb(12,71,86);}
.dialogJSRequired div.roundedCornerBody{border-right: 1px solid rgb(0,0,0);color:white; border-left: 1px solid rgb(0,0,0); overflow: hidden; position: relative; border-color: rgb(0,0,0); background: none repeat scroll 0% 0% rgb(12,71,86);padding:10px;}

.dialogJSRequired .OK {min-width:60px;max-height:15px;font-weight:bold;font-size:12px;text-align:center;margin-top:10px;float:right;}
.dialogJSRequired .OK b.roundedCornerPart1{height: 1px; font-size: 1px; overflow: hidden; display: block; margin: 0pt 5px; background: none repeat scroll 0% 0% rgb(0,0,0);}
.dialogJSRequired .OK b.roundedCornerPart2{height: 1px; font-size: 1px; overflow: hidden; display: block; margin: 0pt 3px; border-right: 2px solid rgb(0,0,0); border-left: 2px solid rgb(0,0,0); border-color: rgb(0,0,0); background: none repeat scroll 0% 0% rgb(200,220,226);}
.dialogJSRequired .OK b.roundedCornerPart3{height: 1px; font-size: 1px; overflow: hidden; display: block; margin: 0pt 2px; border-right: 1px solid rgb(0,0,0); border-left: 1px solid rgb(0,0,0); border-color: rgb(0,0,0); background: none repeat scroll 0% 0% rgb(200,220,226);}
.dialogJSRequired .OK b.roundedCornerPart4{font-size: 1px; overflow: hidden; display: block; margin: 0pt 1px; border-right: 1px solid rgb(0,0,0); border-left: 1px solid rgb(0,0,0); height: 2px; border-color: rgb(0,0,0); background: none repeat scroll 0% 0% rgb(200,220,226);}
.dialogJSRequired .OK div.roundedCornerBody{border-right: 1px solid rgb(0,0,0); color:black; border-left: 1px solid rgb(0,0,0); overflow: hidden; position: relative; border-color: rgb(0,0,0); background: none repeat scroll 0% 0% rgb(200,220,226);padding:0px;}

/* generate rounded corner */
b.roundedCornerPart1{height: 1px; font-size: 1px; overflow: hidden; display: block; margin: 0pt 5px; background: none repeat scroll 0% 0% rgb(204, 204, 204);}
b.roundedCornerPart2{height: 1px; font-size: 1px; overflow: hidden; display: block; margin: 0pt 3px; border-right: 2px solid rgb(204, 204, 204); border-left: 2px solid rgb(204, 204, 204); border-color: rgb(204, 204, 204); background: none repeat scroll 0% 0% rgb(255, 255, 255);}
b.roundedCornerPart3{height: 1px; font-size: 1px; overflow: hidden; display: block; margin: 0pt 2px; border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); border-color: rgb(204, 204, 204); background: none repeat scroll 0% 0% rgb(255, 255, 255);}
b.roundedCornerPart4{font-size: 1px; overflow: hidden; display: block; margin: 0pt 1px; border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); height: 2px; border-color: rgb(204, 204, 204); background: none repeat scroll 0% 0% rgb(255, 255, 255);}
div.roundedCornerBody{border-right: 1px solid rgb(204, 204, 204); border-left: 1px solid rgb(204, 204, 204); overflow: hidden; position: relative; border-color: rgb(204, 204, 204); background: none repeat scroll 0% 0% rgb(255, 255, 255);}


/* content */
#container{ width: 1140px;margin:auto; }
#container-content{ max-width: 1140px; margin-right:auto; margin-left: auto; margin-top: 10px; font-size:12px; }

.div-text-column { float:left; width:290px; margin-right: 10px; }
.div-desc-outfit { margin-bottom: 20px; } 
.div-desc-outfit-last { margin-bottom: 0px; }
.img-desc-outfit { margin-top: 10px; width: 180px; height: 100px; }

#footer { text-align: center; font-size: 9px; margin-top: 10px; padding-top: 5px; } 
#bloc{ width:829px;padding:10px 30px 10px 30px;} 
#bloc-interieur-center{ width:800px; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; font-size:12px; text-align: center; }
#bloc-interieur-gauche{ width:300px; float:left; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; text-align: left; font-size:12px; }
#bloc-interieur-droit{  width:384px; float:left; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; font-size:12px; }



.more{float:right; margin-right:20px;margin-top:10px;}
.more2{margin-top:10px;float:right;}

#balls .ball-empty{position:absolute;margin-top:-45px;}
#balls .ball-empty2{margin-left:115px;margin-top:-15px;}
#balls .W-ball{margin-left:45px;margin-top:-20px;}

div.OrderBox div.BuyNowBox .BuyNow{font-size: 12px; font-family: "Arial Black", Helvetica, sans-serif; margin-bottom: 3px;}
div.OrderBox div.BuyNowBox .price { font-size: 12px; color:red;font-family: "Arial Black", Helvetica, sans-serif;}
div.OrderBox div.BuyNowBox .pricevat {font-size: 10px; font-family:Arial, Helvetica, sans-serif; font-style: italic;}
div.OrderBox .Download {margin-top:0px; margin-left: 5px; margin-bottom:5px; }
div.OrderBox .release-price {font-family: Arial, Helvetica, sans-serif; font-size:8px;margin-left:50px;margin-top:-1px;font-style:italic;}
span.arial_black{font-family: "Arial Black", Helvetica, sans-serif;}

/* 

XXXXXXXXXXXXXXXXXXXXXXXXX  ATTENTION! 

>>>> This css file is used in the Home and product pages, etc, but the same styles are used from the application, through the dialog.php drupal function. Styles may need to be changed in files like proOnlyFeatures.css etc.

*/

.pricerelease {font-size: 10px; color: grey; font-family:verdana,arial,sans-serif; font-style: italic; font-weight: normal; }
.pricereleasecoupon {font-size: 12px; color: red; font-family:verdana,arial,sans-serif; font-weight: bold;}
.oldprice {font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration:line-through; font-weight: 600; font-style: italic;}

/* New box */
.BuyBox table {
  border: none; text-align: center; border-collapse: collapse; margin-top: 10px; margin-left: auto; margin-right: auto;
}
.BuyBox table .middleSep { padding-left: 8px; padding-right: 5px; }
.BuyBox .middleSep    { font-weight: bold }
.BuyBox .buyBoxOneRow .middleSep { padding-left: 5px; padding-right: 5px; }
.BuyBox .Download     { margin-left: 12px; }
.BuyBox .pushLabel    { font-size: 12px; font-family: "Arial Black", Helvetica, sans-serif; }
.BuyBox .priceValue   { font-size: 12px; font-family: "Arial Black", Helvetica, sans-serif; color: red; }
.BuyBox .licenseLevel { font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: 600; }
.BuyBox .priceVAT     { font-size: 10px; font-family: Arial, Helvetica, sans-serif; font-style: italic; }

.BuyBox a.link,
.BuyBox a.link:hover,
.BuyBox a.active{text-decoration: none;}

.BuyBox .packshotAndLink {
  margin-left: 20px;
}

.Download { font-family: Arial, Helvetica, sans-serif; font-style: italic; }

.buyBoxTable.packshotAndLink {
  margin-left: 45px;
}

table.buyBoxTable { border: none; border-collapse: collapse; margin-left: auto; margin-right: 3px; }
table.buyBoxTable .bordered { border: 1px solid lightgrey; }
table.buyBoxTable td.bordered:hover { background:#BBFCFA; }
table.buyBoxTable th { text-align: right; padding-left: 3px; padding-right: 3px; font-size: 11px; font-family: "Arial Blac;k", Helvetica, sans-serif; font-weight: bold }
table.buyBoxTable .priceValue   { font-size: 11px; font-family: "Arial Black", Helvetica, sans-serif; }
table.buyBoxTable td.priceValue   { text-align: right; padding-right: 3px; }
.buyBoxTable .red { color: red;  font-weight: bold;}
.buyBoxTable .red a { color: red;  font-weight: bold;}
.buyBoxTable .buyBoxHeader { padding-left: 2px; margin-right: -25px; margin-left: 15px; font-weight: bold;}

/* Homepage */

#homepage-left #balls{margin-top:25px;width:20px;float:left;}
/*#homepage-left #balls{margin-top:64px;}*/

#homepage-div-bottom{ float:right; padding-left:2px; width:1120px;}
#homepage-div-bottom{ line-height:14px; font-size:11px;}

#homepage-right{min-width:760px; max-width:760px;margin-bottom:6px;}
#homepage-div-right{ float:right; padding-left:2px; width:760px;}
#homepage-div-right{ line-height:14px; font-size:11px;}
#homepage-top-right{ min-height:40px; max-height:100px; margin-bottom:15px;}

/* Bug fix */
#homepage-right{ height:235px;}

#homepage-bottom-right-2{float:right;}

#homepage-div-right a.link,
#homepage-div-right a.link:hover,
#homepage-div-right a.active{text-decoration: none;}

#homepage-div-right .holderMain .content { width:900px;padding:10px 10px;}
#homepage-div-right .productMain { width:760px; float:left;  display:inline;}
#homepage-div-right .productMain .prodleft { width:250px; float:left; }
#homepage-div-right .productMain .prodcenter { width:250px;margin-left:10px;margin-right:10px; float:left; }
#homepage-div-right .productMain .prodright { width:224px; margin-right:-10px; float:left;}
#homepage-div-right .productMain .prodleft .img-desc-outfit { margin-top: -10px; width: 180px;  margin-left:35px; }
#homepage-div-right .productMain ul { list-style:none; padding:15px 12px 0 5px; }
#homepage-div-right .productMain li { padding-bottom:10px; text-align:justify; }
#homepage-div-right .productMain .prodclear { height:0; overflow:hidden; }
#homepage-div-right .productMain h1,.productMain h2{ font-size:14px; font-weight:bold; margin-top:0px; display:block; color:black; }
#homepage-div-right .productMain h1 a,.productMain h2 a{ color: #333333; }
#homepage-div-right .productMain .img-desc-outfit { width: 220px; margin-left:35px;}
#homepage-div-right .productMain .roundedCornerBody {max-height:800px;}


#homepage-div-right .holder .content { width:345px; padding:10px 10px;}
#homepage-div-right .product { width:345px; float:left;}
#homepage-div-right .product .prodleft {  float:left;}
#homepage-div-right .product .prodright {  float:left;}
#homepage-div-right .product ul { list-style:none; padding:15px 12px 0 5px; }
#homepage-div-right .product li { padding-bottom:10px; text-align:justify; }
#homepage-div-right .product .prodclear { height:0; overflow:hidden; }
#homepage-div-right .product h1,.product h2 { font-size:14px; font-weight:bold; display:block; margin-top:0px;}
#homepage-div-right .product h1 a,.product h2 a { color: #333333; }
#homepage-div-right .product .Download {width:150px;}


/* NEW HOMEPAGE */
.homepage-div-bottom-div { float: right; padding: 5px;}
#homepage-div-bottom-right { padding-left: 0px; }
#homepage-div-bottom-left { padding-right: 0px; }
.homepage-div-bottom-div { width: 333px; }
#homepage-div-bottom-left { width: 417px; }
.homepage-div-bottom-div .holder .content { padding:10px 10px;}
.homepage-div-bottom-div .product .product-left { float: left; }
.homepage-div-bottom-div .product .product-right { float: right; }
.homepage-div-bottom-div .product .product-text { width: 170px; }
.homepage-div-bottom-div .product .product-image { width: 130px; }
#homepage-div-bottom-left .product .product-image { width: 220px; }
#homepage-div-bottom-left .product .product-image img { margin-left: 12px; }
/*.homepage-div-bottom-div .product .product-image .product-packshot { width: 130px; height: 150px; }*/

.homepage-div-bottom-div .product .Download { margin-left: 4px; }


/* products */
#products-left #balls{margin-top:50px;width:250px;float:left;}

#products-left #balls .ball-empty{position:absolute;margin-left:125px;margin-top:-40px;}
#products-left #balls .ball-empty2{margin-left:20px;margin-top:-5px;}
#products-left #balls .W-ball{margin-left:60px;margin-top:-55px;}

#products-right{min-width:700px; max-width:700px;min-height:50px; margin-bottom:6px;}
#products-div-right{ float:right; padding-left:2px; min-width:700px; max-width:700px;margin-top:-9px;}
#products-div-right{  line-height:14px; font-size:11px;}
#products-top-right{ min-height:40px; max-height:100px; margin-bottom:15px;}
#products-div-right #products-bottom-right{margin-top:-15px;}

#products-div-right a.link,
#products-div-right a.link:hover,
#products-div-right a.active{text-decoration: none;}

#products-div-right .holder .content { width:900px; padding:10px 10px;}
#products-div-right .product { width:700px; float:left;}
#products-div-right .product .prodleft {  float:left;}
#products-div-right .product .prodright { margin-left:8px; float:right;}
#products-div-right .product ul { padding:8px 12px 0 15px; }
#products-div-right .product li { padding-bottom:5px;  }
#products-div-right .product .prodclear { height:0; overflow:hidden; }
#products-div-right .product h1,.product h2 { font-size:14px; font-weight:bold; display:block; margin-top:0px;}
#products-div-right .product h1 a,.product h2 a { color: #333333; }

#products-div-right .product .right_1{max-width:245px;float:left;}
#products-div-right .product .right_2{max-width:400px;float:right;}


/* products 2columns with bottom*/

/* new balls */
#products2-left #balls2{margin-top:0px;width:20px;float:left;}

#products2-left #balls{margin-top:0px;width:20px;float:left;}
#products2-left #balls .ball-empty{position:absolute;margin-left:65px;margin-top:-25px;width:52px;height:45px;}
#products2-left #balls .ball-empty2{margin-left:0px;margin-top:5px;width:70px;height:62px;}
#products2-left #balls .W-ball{margin-left:30px;margin-top:-5px;width:110px;height:124px;}

#products2-right{min-width:810px; max-width:830px;min-height:50px; margin-bottom:6px;}
#products2-div-right{ float:right; padding-left:2px; min-width:830px; max-width:830px;margin-top:-40px;}
#products2-div-right{ line-height:13px; font-size:11px;}
#products2-top-right{ margin-top:15px;margin-bottom:10px;}

#products2-div-right a.link,
#products2-div-right a.link:hover,
#products2-div-right a.active{text-decoration: none;}

#products2-div-right .holder .content { width:900px; padding:10px 10px;}
#products2-div-right .product { width:830px; float:left;}
#products2-div-right .product .prodleft {  float:left;}
#products2-div-right .product .prodright { margin-left:8px; float:right;}
#products2-div-right .product ul { padding:8px 12px 0 15px; }
#products2-div-right .product li { padding-bottom:5px;  }
#products2-div-right .product .prodclear { height:0; overflow:hidden; }
#products2-div-right .product h1,.product h2 { font-size:14px; font-weight:bold; display:block; margin-top:0px;}
#products2-div-right .product h1 a,.product h2 a { color: #333333; }


#products2-div-right .product .right{max-width:300px;float:right;}
#products2-div-right .product .right p {line-height:10pt;font-size:10px;}
#products2-div-right .product .left{max-width:490px;float:left;padding-right:0px;padding-left:15px;line-height:12pt;}
#products2-div-right .product .bottom{padding-top:0px;margin-top:-10px;}

#products2-div-right .product .feature,
.productfeatures {border:1px solid #666;border-collapse:collapse; font-size: 11px;}
#products2-div-right .product .feature th,
.productfeatures th {border:1px solid #666;padding:5px;}
#products2-div-right .product .feature th.hprod,
.productfeatures th.productversiontitle{padding-top:5px;padding-bottom:5px;padding-left:2px;padding-right:2px;min-width:50px;}
.productfeatures th.featurestitle {
  text-align: left;
}
#products2-div-right .product .feature td,
.productfeatures td{min-width:40px;border:1px solid #666;padding-left:5px;padding-right:3px;padding-top:3px;padding-bottom:3px;}
#products2-div-right .product .feature .wrong,
.productfeatures .wrong{color:#E00;font-size:18px;text-align:center;}
#products2-div-right .product .feature .checked,
.productfeatures .checked{color:#008000;font-size:18px;text-align:center;}
.productfeatures .productversionsubtitle { font-size:9px;color:#555; font-style: italic; }
#products2-div-right table.feature th,
.productfeatures th{background-color:#E2F6F9;}

#products2-div-right .product .subtitle{font-weight:bold;text-decoration:underline;margin-top:15px;}
#products2-div-right .product .userComment{margin-top: 10px; color:#17365D;font-size:13px;border:1px solid #5ED7D0;padding:10px;max-width:785px;background-image:url("/images/userCommentBackground.png"); background-repeat: no-repeat;}
#products2-div-right .product .userComment.vertical   .scrollingText {padding:10px;margin-top:5px; min-height: 215px; max-height: 215px; height: 215px}
#products2-div-right .product .userComment.horizontal   .scrollingText {padding:10px;margin-top:5px; min-height: 100px; max-height: 100px; height: 100px}
#products2-div-right .product .userComment.vertical .scrollingText li{line-height:16px; height: 300px; min-height: 300px; max-height: 300px}
#products2-div-right .product .userComment.horizontal .scrollingText li{min-height:250px;min-width:750px;max-height:250px;max-width:750px;line-height:16px;}

#products2-div-right .reviews-box { padding-left: 85px; }
#products2-div-right .reviews-box .review-rating { color: #808080; }
#products2-div-right .reviews-box .review-name { margin-left: 5px; }
#products2-div-right .reviews-box .stars { vertical-align: middle }
#products2-div-right .reviews-left-box { display: inline-block; margin-right: 20px; }
#products2-div-right .reviews-right-box { display: inline-block; }


/* Whats New page */
div.WhatsNew .WhatsNewLeft{width:200px;}
div.WhatsNew .WhatsNewRight{float:right;width:700px;}
div.WhatsNew .WhatsNewRight .product{margin-bottom:15px;}

div.WhatsNew .WhatsNewRight .holder .content { padding:15px 15px;}
div.WhatsNew .WhatsNewRight .product { width:700px; float:left;}
div.WhatsNew .WhatsNewRight .product .prodleft {  float:left;}
div.WhatsNew .WhatsNewRight .product .prodright { margin-left:8px; float:right;}
div.WhatsNew .WhatsNewRight .product ul { padding:8px 12px 0 15px; }
div.WhatsNew .WhatsNewRight .product li { padding-bottom:5px;  }
div.WhatsNew .WhatsNewRight .product .prodclear { height:0; overflow:hidden; }
div.WhatsNew .WhatsNewRight .product h1,.product h2 { font-size:14px; font-weight:bold; display:block; margin-top:0px;}
div.WhatsNew .WhatsNewRight .product h1 a,.product h2 a { color: #333333; }

div.WhatsNew .WhatsNewRight .ImageBox{}
div.WhatsNew .WhatsNewRight .desc{max-width:520px;}
div.WhatsNew .WhatsNewRight .RightSide{float:right;}
div.WhatsNew .WhatsNewRight .price { color:red;font-family: "Arial Black", Helvetica, sans-serif; }

div.WhatsNew .WhatsNewRight div.WhatsNewTitle{margin-bottom:20px;}
div.WhatsNew .WhatsNewRight div.WhatsNewBuyNow{margin-top:20px;}
div.WhatsNew #balls{margin-top:35px;}

/* Template 1 */
#template1-left{ min-height:300px; max-height:600px; min-width:388px; max-width:388px; margin-bottom:5px; }
#template1-div-right{ float:right; padding-left:2px; min-width:590px; max-width:590px; min-height:300px; max-height:600px; }
#template1-top-right{ min-height:50px; max-height:100px; }
#template1-center{ float:left; max-width:295px; min-width:295px; min-height:200px; max-height:500px; }
#template1-right{ max-width:295px; min-width:295px; min-height:200px; max-height:500px; margin-left:295px; }


/* Template 2 */
#template2-top-left{ min-width:488px; max-width:488px; min-height:300px; max-height:700px; }
#template2-top-right{ float:right; min-width:488px; max-width:488px; min-height:300px; max-height:700px; }


/* Template 3 */
#template3-left{ min-height:100px; max-height:800px; min-width:487px; max-width:487px; }
#template3-right{ float:right; min-height:100px; max-height:800px; min-width:487px; max-width:487px; }
#template3-center{ min-width:935px; max-width:935px; min-height:0px; max-height:800px; margin-left:20px;}



/* Template 4 */
#template4-center{ margin:auto; margin-top:10px; min-height:100px; }
#template4-scrolling{text-align: left; overflow: auto; margin-top:10px; padding: 10px; min-height:100px; max-height:195px;background:#F5F5F5;border-left:1px solid #BBB;border-top:1px solid #BBB;border-bottom:1px solid #DEDEDE;}
#template4-center #note{margin-top:10px;margin-bottom:10px;font-size:11px;font-style:italic;color:#000; width:889px;margin-left:-30px;text-align:center;background-image:url('http://www.outwit.com/images/noteBackground.jpg');background-repeat:repeat-x;}#template4-center .price { color:red;font-family: "Arial Black", Helvetica, sans-serif;}
#template4-center .buyNow{text-align:center;}

/* Template 5 */
#template5-center{ margin:auto; margin-top:10px; min-height:100px; }



/* LICENSE CONTAINER */
#div-main-container { text-align: center; } 
div#container-licence { margin: 0 auto; width:829px; padding:10px 30px 10px 30px; font-size:12px; text-align:left; }
#div-license-content { text-align: left; height: 320px; overflow: auto; padding-right: 10px; }

.input-button { width: 150px; }


/* Top menu */
#image-outwit{ position:relative; top:10px;}


#menu{font-size:14px;} 
#img-menu-left { float: left; margin-left: 10px; } 
#container-menu { height:52px; padding-right:15px; font-size:12px;}
#img-middle-balls { float: left; margin-right: 80px; margin-left: 120px; }

a.menu{ text-decoration:none;margin:20px 10px 0 0; } 
a.menu:hover{ text-decoration:underline; } 
a.a-menu{ text-decoration:none; margin:20px 10px 0 0; } 
a.a-menu:hover{ text-decoration:underline; } 


.menu_top {margin:0;margin-top:33px; list-style:none; height:19px; font-size:14px;}
.menu_top li.top {display:block; float:left; position:relative; z-index:200;}
.menu_top li a.top_link {display:block; float:left; height:19px; line-height:20px; text-decoration:none; cursor:pointer;}
.menu_top li a.top_link span {float:left; display:block; height:30px; padding: 0 7px;}


/* See outwit-White or outwit-Black
.menu_top li a.menu_border{border-left:1px solid #fff;}
.menu_top li:hover a.menu_border{border-left:1px solid #000;border-bottom:1px solid #000;}
.menu_top :hover ul.sub li a.fly {background:#fff;}
*/

.menu_top li:hover > a.top_link span {text-decoration:underline;}

.menu_top table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu_top a:hover {visibility:visible;}
.menu_top li:hover {position:relative; z-index:1000;}


.menu_top ul, 
.menu_top :hover ul ul, 
.menu_top :hover ul :hover ul ul,
.menu_top :hover ul :hover ul :hover ul ul,
.menu_top :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


.menu_top :hover ul.ow_menu {left:0px; top:19px; padding-top:5px; white-space:nowrap; width:auto; height:auto;}
.menu_top :hover ul.ow_menu li {display:block; height:25px; position:relative; float:left; width:100%;}
.menu_top :hover ul.ow_menu li a {display:block; height:25px; margin-left:10px;margin-right:10px; line-height:25px; text-decoration:none;}


.menu_top :hover ul li a:hover {text-decoration:underline;}

.menu_arrow{position:relative;float:right;margin-right:5px;line-height:25px;font-size:16px;font-weight:bold;}

ul.ow_menu :hover ul.ow_submenu_right {left:100%; top:-1px; padding-top:5px; white-space:nowrap; width:auto; height:auto; }
ul.ow_menu :hover ul.ow_submenu_right li {display:block; height:20px; margin:2px 0; position:relative; float:left; width:100%;}
ul.ow_menu :hover ul.ow_submenu_right li a {display:block; height:20px;  margin: 0 10px; line-height:20px; text-decoration:none;}

ul.ow_menu :hover ul.ow_submenu_right li a:hover {text-decoration:underline;}



ul.ow_menu :hover ul.ow_submenu_left {right:100%;left:auto;margin-left:100%; top:-1px; padding-top:5px; white-space:nowrap; width:auto; height:auto; }
ul.ow_menu :hover ul.ow_submenu_left li {display:block; height:20px; margin:2px 0; position:relative; float:left; width:100%;}
ul.ow_menu :hover ul.ow_submenu_left li a {display:block; height:20px;  margin: 0 15px; line-height:20px; text-decoration:none;}

ul.ow_menu :hover ul.ow_submenu_left li a:hover {text-decoration:underline;}

.menu_top :hover ul.ow_menu li.shadow1{display:block;z-index:-1;width:100%;height:100%;margin-top:-2px;padding-top:1px;margin-left:2px;padding-left:2px;position:absolute;opacity: 0.15;}
.menu_top :hover ul.ow_menu li.shadow2{display:block;z-index:-1;width:100%;height:100%;margin-top:-3px;padding-top:1px;margin-left:1px;padding-left:2px;position:absolute;opacity: 0.15;}
.menu_top :hover ul.ow_menu li.shadow3{display:block;z-index:-1;width:100%;height:100%;margin-top:-4px;padding-top:1px;margin-left:0px;padding-left:2px;position:absolute;opacity: 0.15;}

ul.ow_menu :hover ul.ow_submenu li.shadow1{display:block;z-index:-1;width:100%;height:100%;margin-top:-2px;padding-top:1px;margin-left:2px;padding-left:2px;position:absolute;opacity: 0.15;}
ul.ow_menu :hover ul.ow_submenu li.shadow2{display:block;z-index:-1;width:100%;height:100%;margin-top:-3px;padding-top:1px;margin-left:1px;padding-left:2px;position:absolute;opacity: 0.15;}
ul.ow_menu :hover ul.ow_submenu li.shadow3{display:block;z-index:-1;width:100%;height:100%;margin-top:-4px;padding-top:1px;margin-left:0px;padding-left:2px;position:absolute;opacity: 0.15;}


ul.ow_menu{font-size:12px;}



/* Support module */
#mission { padding: 1em; margin-bottom: 2em;}


#edit-field-feedback-country-value,
#edit-field-feedback-platform-value,
#edit-field-feedback-feature-value{width:250px;}

#edit-field-feedback-description-0-value{width:600px;}

#edit-field-feedback-first-name-0-value-wrapper label,
#edit-field-feedback-last-name-0-value-wrapper label,
#edit-field-feedback-email-0-value-wrapper label,
#edit-field-feedback-city-0-value-wrapper label,
#edit-field-feedback-country-value-wrapper label,
#edit-field-feedback-platform-value-wrapper label,
#edit-field-feedback-product-0-value-wrapper label,
#edit-field-feedback-feature-value-wrapper label,
#edit-field-feedback-test-url-0-value-wrapper label,
#edit-title-wrapper label,
#edit-field-feedback-description-0-value-wrapper label{/*display:inline;*/font-weight:normal;}



/* admin edit links */




ul.primary {margin: 5px;}
ul.primary li a {height: auto;margin-right: 0.5em; padding: 0 1em; text-decoration: none;}

ul.secondary {margin: 5px;}
ul.secondary li a {height: auto;margin-right: 0.5em; padding: 0 1em; text-decoration: none;}

ul.primary, ul.primary li{display:inline;}
ul.secondary li{display:inline;}
ul.primary, ul.primary li, 
ul.secondary, ul.secondary li { list-style: none; border: 0; background: none; margin: 0; padding: 0; font-size: 14px;}

ul.primary { padding: 0 10px; }
ul.secondary { padding: 5px 10px; }

ul.primary li a, ul.primary li.active a, 
ul.primary li a:hover, ul.primary li a:visited,
ul.secondary li a, ul.secondary li.active a, 
ul.secondary li a:hover, ul.secondary li a:visited { border: 0; background: transparent; display: inline; text-decoration: none; position: relative;}

ul.primary li.active a,
ul.secondary li.active a { text-decoration:underline;}

 
div#comments{margin-top:10px;border-bottom:1px #AAA solid;border-left:1px #AAA solid;border-right:1px #AAA solid;}
div.comment{border-top:1px #AAA solid;background:#F0F0F0;}
div.admin_comment{background:#E0E0FF;}



/*******************

Alert

********************/
.containerMessage .messages{font-size:12px;text-align:center;padding-top:10px;padding-bottom:10px;}
.containerMessage{border-top:1px solid #000;}
.containerMessage ul{list-style-type: none;}

div.status{background:#FFF;color:#33D;padding-top:5px;padding-bottom:5px;}
div.status ul{margin-top:0px;margin-bottom:0px;}

div.error{border:0;background:#FFF;color:#D33;padding-top:5px;padding-bottom:5px;}
div.error ul{margin-top:0px;margin-bottom:0px;}

div.warning{margin:15px;max-width:400px;border:0;background:#FFF;color:#33D;padding-top:5px;padding-bottom:5px;}
div.warning ul{margin-top:0px;margin-bottom:0px;}


/*************

Login Block

*************/
.sign_in{position:absolute;width:200px;font-size:12px;margin-left:190px;top:0;}
.sign_in_left{float:left;margin-right:5px;padding-right:5px;border-right:1px solid #CCC}
.sign_in_right{white-space: nowrap;}

.sign_out{position:absolute;width:220px;font-size:12px;margin-left:136px;top:0;}
.sign_out_left{float:left;margin-right:5px;padding-right:5px;border-right:1px solid #CCC}
.sign_out_right{}




/***************

User Forms

**************/

.left-form{max-width:300px;float:left;}
.right-form{max-width:300px;float:right;}
.left-form fieldset{min-height:170px;}
.userRegisterCenter{margin:auto;width:700px;}
.userRegisterCenter #edit-profile-FirstName,
.userRegisterCenter #edit-profile-LastName,
.userRegisterCenter #edit-profile-City{width:300px;}
.userRegisterCenter #edit-profile-Country{width:305px;}
.userRegisterCenter #edit-name,
.userRegisterCenter #edit-mail{width:300px;}
.userRegisterCenter fieldset{padding-left:10px;padding-right:10px;}
.userRegisterCenter fieldset legend{margin-left:-5px;}



.userRegisterCaptcha{float:right;margin-right:-30px;}
.userRegisterSubmit{float:right;margin-right:-30px;}

.captcha img{margin-bottom:-10px;float:left;}
#edit-captcha-response-wrapper label{font-weight:normal;margin-bottom:5px;}
#captchaTxt{margin-left:155px;}


.userProfileCenter{margin:auto;width:350px;}
.userProfileCenter fieldset{padding-left:15px;}
.userProfileCenter fieldset legend{margin-left:-10px;}
.userProfileCenter #edit-profile-FirstName{width:300px;}
.userProfileCenter #edit-profile-LastName{width:300px;}
.userProfileCenter #edit-profile-City{width:300px;}
.userProfileCenter #edit-profile-Country{width:305px;}

.userProfileSubmit{float:right;}


.userAccountCenter{margin:auto;width:400px;}
.userAccountCenter fieldset{padding-left:15px;}
.userAccountCenter fieldset legend{margin-left:-10px;}
.userAccountCenter #edit-mail{width:350px;}
.userAccountCenter #edit-name{width:300px;}
.userAccountCenter #edit-pass-pass1{width:180px;margin-bottom:-10px;}
.userAccountCenter #edit-pass-pass2{width:180px;margin-bottom:-10px;}
.userAccountCenter #edit-pass-wrapper .description{margin-top:10px;}
.userAccountCenter #edit-pass-wrapper{margin-top:25px;}
.userAccountCenter .password-description{margin-left:0px;}
.userAccountSubmit{float:right;}

.views-admin-links{max-width:300px;}
#views-exposed-form-Tickets-page-1 .collapsible{display:none;}

.forgotPassword{font-size:10px; width:230px;margin-left:2px;margin-top:5px;margin-bottom:5px;}




.privacy-policy-box h1 {
  display: block;
  font-size: 32px;
  margin-top: 4px;
  margin-bottom: 20px;
}
.privacy-policy-box h2 {
  display: block;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 8px;
}
.privacy-policy-box h3 {
  display: block;
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 6px;
}