/* ------------>>> RESET STYLES <<<--------------*/

/** Body resets **/
html {  height: 100%; }
body { cursor: default; height: 100%; }
html, body { border: 0px; }

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, html, body, form, fieldset {
	margin: 0px; padding: 0px; }

input, select, textarea { font-size: 100%; font-family: inherit; }
select, label, .pointer { cursor: pointer; }

hr { border-bottom: 1px solid #000000; height: 1px; line-height: 1px; }
strong, th { font-weight: bold; }
cite, em, dfn { font-style: italic; }

p { margin: 0px 0px 10px 0px; }
option { padding-left: 0.4em }

sup { vertical-align: super; font-size: 100%; }
sub { vertical-align: sub; font-size: 100%; }

/** A tag overflow **/
a { cursor: pointer; color: inherit; }
a img, a abbr, a acronym { border: none; }
a:active, a:focus, img { outline: 0; }

/** Blockquote clear **/
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

/** List resets **/
ul, ol { margin: 0em 0em 0em 2em; padding: 0em; text-indent: 0em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }

dd { margin: 0px 0px 0px 0px; }

/** PRE reset **/
pre { white-space: pre-wrap; }
pre * { font-size: 100%; white-space: pre; }

input[type="button"] { cursor: pointer !important; }
input[type="submit"] { cursor: pointer !important; }
input[type="text"], input[type='password'], textarea { cursor: text !important; }
input[type="hidden"] { display: none !important; }

*:focus { outline: none; }

/* ------------>>> OTHEN STYLES <<<--------------*/

/** Floats **/
.floatClear { clear: both !important; }
.floatToLeft { float: left !important; }
.floatToRight { float: right !important; }
.floatNone { float: none !important; }
.floatContainer { width: 100% !important; overflow: hidden !important; }

/** Display **/
.displayNone { display: none !important; }
.displayBlock { display: block !important; }

/** Width/height **/
.height100 { height: 100% !important; }
.height50 { height: 50% !important; }
.height0 { height: 0px !important; line-height: 0px !important; }

.width100 { width: 100% !important; }
.width95 { width: 95% !important; }
.width90 { width: 90% !important; }
.width85 { width: 85% !important; }
.width80 { width: 80% !important; }
.width75 { width: 75% !important; }
.width70 { width: 70% !important; }
.width65 { width: 65% !important; }
.width60 { width: 60% !important; }
.width55 { width: 55% !important; }
.width50 { width: 50% !important; }
.width45 { width: 45% !important; }
.width40 { width: 40% !important; }
.width35 { width: 35% !important; }
.width30 { width: 30% !important; }
.width25 { width: 25% !important; }
.width20 { width: 20% !important; }
.width15 { width: 15% !important; }
.width10 { width: 10% !important; }
.width5 { width: 5% !important; }
.width0 { width: 0% !important; }
.widthAuto { width: auto !important; }

/** overflowed **/
.overflowed { padding-bottom: 10000px !important; margin-bottom: -10000px !important; }

/** clearing **/
.clearing { clear: both !important; height: 0px !important; line-height: 0px !important; }

/** display **/
.displayBlock { display: block !important; }
.displayNone { display: none !important; }
.displayInline { display: inline !important; }

/** position **/
.positionStatic { position: static; }
.positionRelative { position: relative; }
.positionAbsolute { position: absolute; }

/** Margin/padding **/
.noMargin { margin: 0px !important; }

/** Urls **/
.hoveredUrl { text-decoration: none !important; }
.hoveredUrl:hover { text-decoration: underline !important; }

/** Lists **/
.horisontalList { list-style: none; margin: 0px 0px 0px 0px; width: 100%; overflow: hidden; }
.horisontalList li { float: left; }

.verticalList { list-style: none; margin: 0px 0px 0px 0px; }

/** Text **/
.textTransformToCapitalize { text-transform: capitalize !important; }
.textTransformToLowercase { text-transform: lowercase !important; }
.textTransformToUppercase { text-transform: uppercase !important; }
.textTransformNone { text-transform: none !important; }

.textDecorationToBlink { text-decoration: blink !important; }
.textDecorationToLinethrough { text-decoration: line-through !important; }
.textDecorationToOverline { text-decoration: overline !important; }
.textDecorationToUnderline { text-decoration: underline !important; }
.textDecorationToNone { text-decoration: none !important; }

.textAlignToCenter { text-align: center !important; }
.textAlignToLeft { text-align: left !important; }
.textAlignToRight { text-align: right !important; }

.textIndent0 { text-indent: 0px !important; }
.textIndent10 { text-indent: 10px !important; }
.textIndent20 { text-indent: 20px !important; }
.textIndent30 { text-indent: 30px !important; }

/** BoxAlignToCenter **/
.boxAlignToCenter { width: 100%; overflow: hidden; }
.boxAlignToCenter .boxAlignToCenterSub1 { float: left; position: relative; left: 50%; }
.boxAlignToCenter .boxAlignToCenterSub2 { position: relative; left: -50%; }

/* ----------->>> LAYOUTS STYLES <<<-------------*/
    
/** col2ToLeft **/	
.col2ToLeft { width: 100%; overflow: hidden; }
.col2ToLeft .left { width: 100px; float: left; position: relative; z-index: 4; }
.col2ToLeft .right { width: 100%; float: right; margin: 0px 0px 0px -100px; }
.col2ToLeft .rightSub1 { margin: 0px 0px 0px 100px; position: relative; z-index: 3; }
	
/** col2ToRight **/	
.col2ToRight { width: 100%; overflow: hidden; }
.col2ToRight .left { width: 100%;  float: left; position: relative; margin: 0px -100px 0px 0px; }
.col2ToRight .leftSub1 { margin: 0px 100px 0px 0px; position: relative; z-index: 3; }
.col2ToRight .right { width: 100px; float: right; z-index: 4; position: relative;  }
	
/** col2ToLeft **/	
.col2Relatived { width: 100%; }
.col2Relatived .cell { width: 50%; float: left; }
.col2Relatived .cellSub1 { padding: 0px 20px 0px 0px; }
	
/** col3 **/	
.col3 { width: 100%; overflow: hidden; }
.col3 .col3Sub1 { margin: 0px -250px 0px 0px; float: left; width: 100%; }
.col3 .col3Sub2 { margin: 0px 250px 0px 0px;  }
.col3 .left { width: 250px; float: left; }
.col3 .center { margin: 0px 250px 0px 250px; }
.col3 .right { width: 250px; float: right; }

/* -------------->>> FORM STYLES <<<-------------*/

/** Begin: form1Box **/
.form1Box { width: 100%; }
.form1Box fieldset { border: 0px; }
.form1Box .line { width: 100%; float: left; }
.form1Box .line .subLeft { float: left; }
.form1Box .line .subRight { float: right; }
/** End: form1Box **/

/** Begin: form2Box **/
.form2Box { width: 100%; }
.form2Box fieldset { border: 0px; margin: 0px auto 0px auto; width: 300px; }
.form2Box .line { width: 100%; float: left; }
.form2Box .line .subLeft { float: left; margin: 0px 5px 0px 0px; width: 95px; }
.form2Box .line .subRight { float: left; width: 200px; }
/** End: form2Box **/

/** Begin: form3Box **/
.form3Box { width: 100%; }
.form3Box fieldset { border: 0px; margin: 0px auto 0px auto; width: 300px; }
.form3Box .line { width: 100%; float: left; }
.form3Box .line .subLeft { margin: 5px 0px 5px 0px; }
.form3Box .line .subRight { width: 100%; }
/** End: form3Box **/

/** Begin: form4Box **/
.form4Box { width: 100%; }
.form4Box fieldset { border: 0px; }
.form4Box .line { width: 100%; float: left; }
.form4Box .line .subLeft { float: left; width: 100px; position: relative; z-index: 3; }
.form4Box .line .subRight { width: 100%; float: right; margin: 0px 0px 0px -100px; }
.form4Box .line .subRightSub1 { margin: 0px 0px 0px 100px; position: relative; z-index: 2; }
/** End: form4Box **/