/* CSS Document */

/* ================================================================================== */
/* == CSS RESET & HTML5 Support ===================================================== */
/* ================================================================================== */

.ui-helper-clearfix:after , .clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.ui-helper-clearfix , .clearfix{ display:inline-block; zoom:1; }
* html .clearfix , * html .ui-helper-clearfix{ height:1%; }
.hide { display:none; }
.clearfix , .ui-helper-clearfix { display:block; }

/* ================================================================================== */
/* ==  HTML5 element display ======================================================== */
/* ================================================================================== */


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }


/* ================================================================================== */
/* ==  RESET ======================================================================== */
/* ================================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

article,aside,figure,footer,header,hgroup,nav,section { display:block; }

ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:700; }
del { text-decoration:line-through; }
abbr[title],dfn[title] { border-bottom:1px dotted #000; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select {vertical-align:middle;}
input[type=submit] {outline:none;border:none;}
input:focus,textarea:focus {outline:none;}
table th { padding:6px 14px; border-bottom:1px solid #ccc; }
table td { padding:6px 14px; border-bottom:1px solid #eee;  }
strong{}

/* ================================================================================== */
/* == Base Styling ================================================================== */
/* ================================================================================== */

select { background-color:transparent; }
html {  overflow-x:hidden; }

a:link { }
a:visited { text-decoration:none; }
a:hover { text-decoration:none; color:#333333; }
a:hover,a:active { outline:none; }

body { font-family: 'Droid Sans', sans-serif; background:url(i/bg-stripes.jpg); color:#374445;  }
.wrapper { background:url(i/bg-image2.jpg) top center no-repeat fixed; }
/* ================================================================================== */
/* == Core Skeletons ================================================================ */
/* ================================================================================== */

.cushion { padding:0px 20px; }
.skeleton-wrapper { background:url(i/trans-bg-white.png); padding:22px; margin: 20px auto; width: 100%;  box-shadow:0px 0px 14px #111; max-width: 1140px; min-width: 300px; border-radius:4px; }
.skeleton {
 border-radius:4px; 
padding:20px 0;
position:relative; z-index:2;
background:#fff; 

}


/* ================================================================================== */
/* == Responsive Layout ============================================================= */
/* ================================================================================== */

.layout_element {  float: left; min-height: 1px; padding-right:2%; }

.one_half_last , .one_half { width: 48%;   }

.one_third { width: 31.25%;   }
.one_third_last { width: 30.25%;   }

.one_fourth { width: 23.05%;  }
.one_fourth_last { width: 23.05%;   }

.two_third { width: 65.4%;  }
.two_third_last { width: 65.4%;  }

.three_fourth { width: 73.05%;  }
.three_fourth_last { width: 73.05%;  }

.one_fifth { width:18%;  }
.one_fifth_last { width:18%;   }

.four_fifth { width:78.2%;  }
.four_fifth_last { width:78.2%; }

.one_sixth { width: 14.65%;  }
.one_sixth_last { width: 14.65%;   }

.five_sixth { width: 81.7%;  }
.five_sixth_last { width: 81.7%;  }

.one_half_last , .one_third_last , .one_fourth_last , .two_third_last , .three_fourth_last , .one_fifth_last  , .four_fifth_last , .one_sixth_last , .five_sixth_last  { padding-right:0; clear:right; margin-right:0;}


/** == APP DATA ============= */
.success { background:#000000; color:#fff; text-align:center; padding:10px; margin:10px; }
.app-data h1 { margin:20px 10px 4px 20px; font-size:32px; font-weight:900; color:#231F20; }
.app-data h4 { font-size:13px;   margin:0px 10px 10px 20px; color:#EE205E;  }

#logo { float:right; margin:0px 10px 10px 10px; }
#logo img { display:block; }

.logo h2 { margin:20px 10px 4px 10px; font-size:32px; font-weight:900; color:#EE205E; }
.logo span.subtitle { margin:10px 10px 4px 10px; font-size:17px; font-weight:900; }
/* == Tilte stylings ============ */

.title { color:#fff; background:#231F20;  font-size:23px; padding:8px 10px 8px 20px;  margin:15px 0; font-weight:900;  }
.content { padding:20px; }

/* general input ============= */
.input_wrapper {  margin-top:30px; }
.input_wrapper>label { display:block; font-size:14px; color:#374445; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #eee; text-shadow:1px 1px 0px #fff; }

.input_wrapper select { display:block; width:250px; height: 32px; margin-top:5px; border:1px solid #eeeeee; outline:none; }
.input_wrapper select option { display:block; }
/* == Textarea ============= */

.input_wrapper textarea { display:block; width:99%;  -webkit-box-shadow: 0px 0px 2px #ccc inset; -moz-box-shadow: 0px 0px 2px #ccc inset; box-shadow: 0px 0px 2px #ccc inset; border-radius:2px; border:1px solid #ddd;  outline:none; overflow:auto; height:200px; padding:5px; font-family:inherit; color:#111; font-size:12px;}
.input_wrapper textarea:focus { border:1px solid #aec4da }
/* == Text ============= */

.input_wrapper input[type=text] { display:block; width:99%;   -webkit-box-shadow: 0px 0px 2px #ccc inset; -moz-box-shadow: 0px 0px 2px #ccc inset; box-shadow: 0px 0px 2px #ccc inset; border-radius:2px; border:1px solid #ddd; outline:none; overflow:auto;padding:12px 5px; font-family:inherit; color:#111; font-size:12px; height:15px;  }
.input_wrapper input[type=text]:focus { border:1px solid #aec4da }
.helper p input[type=text] { width:47%; float:left; margin:5px; margin-top:1px; }

/* == Radio ============= */

.radio label { float:left; width:60px; }
.radio input[type=radio] { float:left; margin-right:4px; }

/* == Checkbox =============== */
.check-wrapper { margin:6px 0; padding:20px; background:#f8f8f8; }
.check-wrapper p { float:left; width:220px; }
.check-wrapper label { font-size:12px; }

.submit-button { margin:20px; }
.submit-button input[type=submit] { float:left; padding:11px 25px; background: url(i/button-bg.png) repeat-x #5e7c96; border:1px solid #223d55; color:#fff; border-radius:3px; cursor:pointer; font-size:14px; box-shadow:0px 0px 3px #111; font-size:14px; font-weight:900; }

#font_1_label { font-family:Arial, Helvetica, sans-serif;font-size:18px; }
#font_2_label { font-family: "Droid Sans", Geneva, sans-serif; font-size:18px;}
#font_3_label { font-family: "PT Sans", Courier, monospace; font-size:18px;}
#font_4_label { font-family:  Georgia, "Times New Roman", Times, serif; font-size:18px;}
#font_5_label { font-family: "Arial Black", Gadget, sans-serif; font-size:18px; font-weight:900; }
#font_6_label { font-family: 'Lobster Two', Times, serif; font-size:18px;}
#font_7_label { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px;}

.ui-state-error { border:3px solid #ee205e!important; }
div.error-text {  display:none;  background:#ee205e; font-size:10px; color:#fff; padding:3px 10px; font-weight:900; width:120px; text-align:center; margin-bottom:-1px; }

.error-message { display:none; margin:20px; background:#ee205e; font-size:13px; color:#fff; padding:13px 10px; font-weight:900;  text-align:center;  }