/*
* 2012 POOEL PROJECTS - Pooel-WA 
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to info@pooel.it so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Pooel-WA to newer
* versions in the future. If you wish to customize Pooel-WA for your
* needs please refer to http://www.pooel.it for more information.
*
*  @author Pooel <info@pooel.it>
*  @copyright  2011-2012 Pooel
*  @version  Release: 5.01
*  @license    http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
*  
CSS GENERAL
*/

/* globals */
*{margin:0px;padding:0px;font-family:sans-serif,tahoma, helvetica, arial;}
a{ border:none; color:#000}
img{border:none;}
body{font-size:12px;}
hr{color:#fff;}
h1,h2,h3,h4{font-weight:normal; }
h1{  font-size:24px;}
h2{font-size:15px;color:#222;}
h2 span{color:#9c0}
p{font-family: sans-serif,tahoma, helvetica, arial, sans-serif; font-size:14px; color:#111;}
b{color:#333;}
i{color:#000;}
strong{color:#000;}

var{ visibility: hidden;}
select{border:1px solid #999;}
option{border:none;}
input{border:1px solid #999;}
input[type=checkBox],input[type=radio]{width:20px;height:20px; padding:0px;}
input:focus,button:focus,select:focus,textarea:focus{outline: 0;}
textarea{border:1px solid #999;}

/* text */
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-upp{text-transform:uppercase;}
.text-low{text-transform:lowercase;}
.text-cap{text-transform:capitalize;}
.text-und{text-decoration:underline;}
.text-fin{font-weight:100;}
.text-normal{font-weight:200;font-style:normal;}
.text-italic{font-style:italic;}
.text-bold{font-weight:bold;}
.color-000{color:#000;}
.color-333{color:#333}
.color-666{color:#666}
.color-999{color:#999}
.color-ccc{color:#999}
.color-eee{color:#999}
.color-white{color:#fff;}
.text-size-10{font-size:10px;}
.text-size-12{font-size:12px;}
.text-size-14{font-size:14px;}
.text-size-16{font-size:16px;}
.text-size-18{font-size:18px;}
.text-size-20{font-size:20px;}
.text-size-22{font-size:22px;}
.text-size-24{font-size:24px;}
.text-size-30{font-size:30px;}
.text-big{font-size-adjust:+2;}
.text-small{font-size:8px;}
.text-shadow-dark{text-shadow:1px 0px 1px #333;}
.text-shadow-light{text-shadow:1px 0px 1px #fff;}

/* background */
.bg-test{background:#9c0;opacity:.5;filter:alpha(opacity=50);}
.bg-000{background:#000;}
.bg-333{background:#333;}
.bg-666{background:#666;}
.bg-999{background:#999;}
.bg-ccc{background:#ccc;}
.bg-eee{background:#eee;}
.bg-fff{background:#fff;}
.bg-nil{background:transparent;}

/* display */
.ghost{visibility:hidden; overflow:hidden;}
.ghost.min{height:1px;width:1px;}
.clear-fix{clear:both;float:none;display:block;}
.closeDiv{clear:both;float:none;display:block;}
.border-none{border:none;}
.margin-top-10{margin-top:10px;}
.margin-top-20{margin-top:20px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-left-10{margin-left:10px;}
.margin-right-10{margin-right:10px;}
.margin-side-auto{margin-left:auto;margin-right:auto;}
.padding-top{padding-top:10px;}
.padding-bottom{padding-bottom:10px;}
.padding-5{padding:5px;}
.padding-10{padding:10px;}
.padding-15{padding:15px;}
.padding-20{padding:20px;}
.float-left{float:left;}
.float-right{float:right;}
.float-left-list-oriz{float:left;display:inline-block;}
.cursor-pointer{cursor:pointer;}
.overflow-hidden{overflow:hidden;}
.overflow-auto{overflow:auto;}
.overflow-auto-y{overflow-y:auto;overflow-x:hidden;}
.display-none{display:none;}
.display-block{display:block;}
.display-inline{display:inline-block;}
.label{min-width:100px;min-height:10px;}
.buttonSubmit{cursor:pointer;background:#333;color:#fff;}
.buttonSubmit:hover{cursor:pointer;background:#ccc;color:#333;}

/* display custom*/
.list-oriz{display:inline-block;}
.list-oriz li,.list-oriz div{display:inline-block;float:left;}
.list-oriz.liv1 li li,.list-oriz.liv1 div div{display:block;float:none;}
.list-oriz.liv2 li li li,.list-oriz.liv2 div div div{display:block;float:none;}
.list-oriz .clear-fix,.list-oriz .closeDiv{display:block;float:none;}

/* alert */
.superTopPopUpAlert{position:fixed;top:0px;left:0px;z-index:100000;width:100%;}
.alertMess{background:#64AA17;color:#fff;padding:10px;text-align:center;}
.alertMess.alW48{background:#A00;}

/* ajax loader */
.ajax-loader-333{background:url(../images/ajax-loader-333.gif) center center no-repeat #333;}
.ajax-loader-999{background:url(../images/ajax-loader-gray.gif) center center no-repeat #999;}
.ajax-loader-eee{background:url(../images/ajax-loader.gif) center center no-repeat #eee;}
.ajax-loader-white{background:url(../images/ajax-loader-white.gif) center center no-repeat #fff;}
.ajax-loader-9c0{background:url(../images/ajax-loader-w_green.gif) center center no-repeat #fff;}
.ajax-load-err{background:url(../images/null.png) center center no-repeat #555!important;opacity:.8}

/* icon */
.icon-white{background:url(../images/iconWhite.png) top left no-repeat #fff;}
.icon-gray{background:url(../images/iconGray.png) top left no-repeat #999;}
.icon-black{background:url(../images/iconBlack.png) top left no-repeat #000;}

/* alpha */
.alpha-100{opacity:1;filter:alpha(opacity=100);}
.alpha-90{opacity:.9;filter:alpha(opacity=90);}
.alpha-80{opacity:.8;filter:alpha(opacity=80);}
.alpha-0{opacity:.0;filter:alpha(opacity=0);}
.alpha-black-80{background:url(../images/alphaBlack80.png) repeat transparent;}
.alpha-white-80{background:url(../images/alphaWhite80.png) repeat transparent;}
.alpha-white-90{background:url(../images/alphaWhite90.png) repeat transparent;}


/* icon lang */
.icon-lang{width:19px;height:13px;background:url(../images/icon_en.png) no-repeat center #fff;}
.icon-lang-it{background-image:url(../images/icon_it.png);}
.icon-lang-en{background-image:url(../images/icon_en.png);}
.icon-lang-fr{background-image:url(../images/icon_fr.png);}
.icon-lang-es{background-image:url(../images/icon_es.png);}
.icon-lang-de{background-image:url(../images/icon_de.png);}
.icon-lang-ja{background-image:url(../images/icon_ja.png);}



/* div */
.height-auto{height:auto}
.height-inh{height:inherit}
.height-100{height:100%}
.width-auto{width:auto}
.width-inh{width:inherit}
.width-100{width:100%}
.clear-both{clear:both}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.overDiv{position:relative;}
.overDiv .over{position:absolute;top:0px;left:0px;width:100%;height:100%;visibility:hidden;}
.overDiv:hover .over{visibility:visible;}
.top-left{top:0px;left:0px;}
.top-right{top:0px;right:0px;}
.bottom-left{bottom:0px;left:0px;}
.bottom-right{bottom:0px;right:0px;}

/* list */
.list-style-none{list-style:none;}
.list-cicle{list-style:circle inside;}
.list-square{list-style:square inside;}
li.line_sx{width:30%}
li.line_sx .label{width:98%;padding:1%;}
li.line_dx{width:70%}
li.line_dx input,li.line_dx textarea,li.line_dx select{width:98%;padding:1%;}
li.lineFormForField {list-style:none;margin-bottom:10px}
li.lineFormForField .label{width:27%;float:left}
li.lineFormForField input,lineFormForField textarea,lineFormForField select{width:70%;float:left;border:1px solid #ccc}
li.lineFormForField textarea{width:72%;height:150px;border:1px solid #ccc}
.buttonSubmit{width:99%;margin-top:15px;}
/* image */
img.alpha-0{opacity:.0;filter:alpha(opacity=0);}
img.hidden{visibility:hidden;}
img.visible{opacity:1;filter:alpha(opacity=100);visibility:visible;}

/* adv */
.advBox{overflow:hidden;width:inherit;height:auto;}
.advBg img{max-width:100%;}

/* webKitEffect */
.bgGradientGray{background: -webkit-gradient( linear, left bottom, left top, color-stop(0.0, rgb(140,140,140)), color-stop(1.0, rgb(160,160,160)) );background: -moz-gradient( linear, left bottom, left top, color-stop(0.0, rgb(140,140,140)), color-stop(1.0, rgb(160,160,160)) );-o-transition: -o-gradient( linear, left bottom, left top, color-stop(0.0, rgb(140,140,140)), color-stop(1.0, rgb(160,160,160)) );}
.bgGradientGrayLight{background: -webkit-gradient( linear, left bottom, left top, color-stop(0.0, rgb(240,240,240)), color-stop(1.0, rgb(220,220,220)) );background: -moz-gradient( linear, left bottom, left top, color-stop(0.0, rgb(240,240,240)), color-stop(1.0, rgb(220,220,220)) );-o-transition:-o-gradient( linear, left bottom, left top, color-stop(0.0, rgb(240,240,240)), color-stop(1.0, rgb(220,220,220)) );}
.bgGradientGrayMiddle{background: -webkit-gradient( linear, left bottom, left top, color-stop(0.5, rgb(160,160,160)), color-stop(0.5, rgb(180,180,180)) );background: -moz-gradient( linear, left bottom, left top, color-stop(0.5, rgb(160,160,160)), color-stop(0.5, rgb(180,180,180)) );-o-transition:-o-gradient( linear, left bottom, left top, color-stop(0.5, rgb(160,160,160)), color-stop(0.5, rgb(180,180,180)) );}
/**/
.transitionBackground{-webkit-transition:background .5s ease-out;-moz-transition:background .5s ease-out;-o-transition:background .5s ease-out;transition:background .5s ease-out;}
.transitionColor{-webkit-transition:color .5s ease-out;-moz-transition:color .5s ease-out;-o-transition:color .5s ease-out;transition:color .5s ease-out;}

.transitionAlpha{-webkit-transition:opacity .5s ease-out;-moz-transition:opacity .5s ease-out;-o-transition:opacity .5s ease-out;transition:opacity .5s ease-out;}
.transitionTextBackground{-webkit-transition:text-shadow .3s ease-out, background .3s ease-out;-moz-transition:text-shadow .3s ease-out, background .3s ease-out;-o-transition:text-shadow .3s ease-out, background .3s ease-out;}
.transitionHeightWidth{-webkit-transition:width .3s ease-out,height .3s ease-out,min-height .3s ease-out;-moz-transition:width .3s ease-out,height .3s ease-out,min-height .3s ease-out;-o-transition:width .3s ease-out,height .3s ease-out,min-height .3s ease-out;}
.transitionTopBottomLeftRight{-webkit-transition:top .3s ease-out,bottom .3s ease-out, left .3s ease-out,right .3s ease-out;-moz-transition:top .3s ease-out,bottom .3s ease-out, left .3s ease-out,right .3s ease-out;-o-transition:top .3s ease-out,bottom .3s ease-out, left .3s ease-out,right .3s ease-out;}
.transitionTopBottomLeftRightSlow{-webkit-transition:top .6s ease-out,bottom .6s ease-out, left .6s ease-out,right .6s ease-out;-moz-transition:top .6s ease-out,bottom .6s ease-out, left .6s ease-out,right .6s ease-out;-o-transition:top .6s ease-out,bottom .3s ease-out, left .6s ease-out,right .6s ease-out;}
.transitionTopBottomLeftRightHeightWidth{-webkit-transition:top .3s ease-out,bottom .3s ease-out, left .3s ease-out,right .3s ease-out,width .3s ease-out,height .3s ease-out;-moz-transition:top .3s ease-out,bottom .3s ease-out, left .3s ease-out,right .3s ease-out,width .3s ease-out,height .3s ease-out;-o-transition:top .3s ease-out,bottom .3s ease-out, left .3s ease-out,right .3s ease-out,width .3s ease-out,height .3s ease-out;}
.transitionScale{-webkit-transition:scale .5s ease-out;-moz-transition:scale .5s ease-out;-o-transition:scale .5s ease-out}
.transitionRotation{-webkit-transition:rotation .3s ease-out;-moz-transition:rotation .3s ease-out;}
.borderRadius2{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-o-border-radius:2px}
.borderRadius5{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-o-border-radius:5px}
.borderRadius10{-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-o-border-radius:10px}
.borderRadius15{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-o-border-radius:15px}
/**/
.shadow{-webkit-box-shadow: 0px 0px 10px #000;-moz-box-shadow: 0px 0px 10px #000;box-shadow: 0px 0px 10px #000;-o-box-shadow: 0px 0px 10px #000;}
.shadowBig{-webkit-box-shadow: 0px 0px 30px #000;-moz-box-shadow: 0px 0px 30px #000;box-shadow: 0px 0px 30px #000;-o-box-shadow: 0px 0px 30px #000;}

.shadowLight{-webkit-box-shadow: 0px 0px 5px #999;-moz-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999;-o-box-shadow: 0px 0px 5px #999;}
.shadowInner{-webkit-box-shadow: 0px 0px 5px #222 inset;-moz-box-shadow: 0px 0px 5px #222 inset;box-shadow: 0px 0px 5px #222 inset;-o-box-shadow: 0px 0px 5px #222 inset;}
.shadowInnerLight{-webkit-box-shadow: 0px 0px 5px #ccc inset;-moz-box-shadow: 0px 0px 5px #ccc inset;box-shadow: 0px 0px 5px #ccc inset;-o-box-shadow: 0px 0px 5px #ccc inset;}