/**
 * @version $id: common.css, v1.0.8 2009/03/31 15:06:55 GMT+0800 $
 * @author Jerome Coloma <jeromecoloma@gmail.com>
 * @copyright Copyright (c) 2007-2009, Frozynart Designs
 * @since Version 1.0
 * @changelog v1.0.7 2008/12/27 20:59:00 GMT+0800, Added additional Font-Sizes and Utility Colors
 * @changelog v1.0.6 2008/12/27 20:59:00 GMT+0800
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, textarea, label, legend, table, caption, thead, tbody, tfoot, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;background:transparent;font-family:inherit;vertical-align:baseline;}

table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

body {font-size:62.5%;color:#222222;background:#ffffff;font-family:Verdana, Helvetica, Arial, sans-serif;/*font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;*/}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

hr {background: #ddd;color: #ddd;clear: both;float: none;width: 100%;height: .1em;margin: 0 0 1.45em;border: none;}

a:focus, a:hover {color:#000;}
a { color: #27537A; text-decoration:none; outline:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1.0em 'andale mono', 'lucida console', monospace;line-height:1.5;}

li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

/* Debugging */
pre {color: #000000;background: #f0f0f0;padding: 1.0em;}
#debug-screen {display:block;clear:both;position:static;width:100%;color:#FF0000;top:0;left:0;}

textarea{font-size:1.2em;background-color: #FFFFFF;}
.float-left{float:left;}
.float-right{float:right;}
.clear-float{clear:both;}
.block{display:block;}
.inline{display:inline;}
.hidden{display:none;}
.b{font-weight:bold;}
.i{font-style:italic;}
.u{text-decoration:underline;}
.center-align{text-align:center;margin:0 auto;}
.left-align{text-align:left;}
.right-align{text-align:right;}
.uppercase{text-transform:uppercase;}
.lowercase{text-transform:lowercase;}

/** font-sizes ::start */
.f7 { font-size:0.7em !important; }
.f8 { font-size:0.8em !important; }
.f9 { font-size:0.9em !important; }
.f10 { font-size:1.0em !important; }
.f11 { font-size:1.1em !important; }
.f12 { font-size:1.2em !important; }
.f13 { font-size:1.3em !important; }
.f14 { font-size:1.4em !important; }
.f15 { font-size:1.5em !important; }
.f16 { font-size:1.6em !important; }
.f17 { font-size:1.7em !important; }
.f17 { font-size:1.8em !important; }
.f19 { font-size:1.9em !important; }
.f20 { font-size:2.0em !important; }
.f21 { font-size:2.1em !important; }
.f22 { font-size:2.2em !important; }
.f23 { font-size:2.3em !important; }
.f24 { font-size:2.4em !important; }
.f25 { font-size:2.5em !important; }
.f26 { font-size:2.6em !important; }
.f27 { font-size:2.7em !important; }
.f28 { font-size:2.8em !important; }
.f29 { font-size:2.9em !important; }
.f30 { font-size:3.0em !important; }
/** font-sizes ::end */


/** colors ::start */
.c-black { color: #000000 !important; }
.c-blue { color: #0000FF !important; }
.c-brown { color: #A52A2A !important; }
.c-cyan { color: #00FFFF !important; }
.c-dark-gray { color: #A9A9A9 !important; }
.c-dark-khaki { color: #BDB76B !important; } 
.c-dark-red { color: #8B0000 !important; } 
.c-gray { color: #808080 !important; }
.c-green { color: #00FF00 !important; }
.c-indigo { color: #4B0082 !important; }
.c-khaki { color: #F0E68C !important; }
.c-maroon { color: #800000 !important; }
.c-orange { color: #FFA500 !important; }
.c-red { color: #FF0000 !important; } 
.c-silver { color: #C0C0C0 !important; }
.c-wheat { color: #F5DEB3 !important; }
.c-white { color: #FFFFFF !important; }
.c-yellow { color: #FFFF00 !important; }
.c-yellow-green { color: #9ACD32 !important; }

.c-gray1 { color: #333333 !important; }
.c-gray2 { color: #666666 !important; }
.c-gray3 { color: #999999 !important; }
.c-gray4 { color: #CCCCCC !important; }


.bc-black { background-color: #000000 !important; }
.bc-blue { background-color: #0000FF !important; }
.bc-brown { background-color: #A52A2A !important; }
.bc-cyan { background-color: #00FFFF !important; }
.bc-dark-gray { background-color: #A9A9A9 !important; }
.bc-dark-khaki { background-color: #BDB76B !important; } 
.bc-dark-red { background-color: #8B0000 !important; } 
.bc-gray { background-color: #808080 !important; }
.bc-green { background-color: #00FF00 !important; }
.bc-indigo { background-color: #4B0082 !important; }
.bc-khaki { background-color: #F0E68C !important; }
.bc-maroon { background-color: #800000 !important; }
.bc-orange { background-color: #FFA500 !important; }
.bc-red { background-color: #FF0000 !important; } 
.bc-silver { background-color: #C0C0C0 !important; }
.bc-wheat { background-color: #F5DEB3 !important; }
.bc-white { background-color: #FFFFFF !important; }
.bc-yellow { background-color: #FFFF00 !important; }
.bc-yellow-green { background-color: #9ACD32 !important; }

.bc-gray1 { background-color: #333333 !important; }
.bc-gray2 { background-color: #666666 !important; }
.bc-gray3 { background-color: #999999 !important; }
.bc-gray4 { background-color: #CCCCCC !important; }
/** colors :end */



/** FIXED WIDTHS and MARGINS ::start */
.w10 { width: 10px !important; }
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w220 { width: 220px !important; }
.w230 { width: 230px !important; }
.w240 { width: 240px !important; }
.w250 { width: 250px !important; }
.w260 { width: 260px !important; }
.w270 { width: 270px !important; }
.w280 { width: 280px !important; }
.w290 { width: 290px !important; }
.w300 { width: 300px !important; }
.w310 { width: 310px !important; }
.w320 { width: 320px !important; }
.w330 { width: 330px !important; }
.w340 { width: 340px !important; }
.w350 { width: 350px !important; }
.w360 { width: 360px !important; }
.w370 { width: 370px !important; }
.w380 { width: 380px !important; }
.w390 { width: 390px !important; }
.w400 { width: 400px !important; }
.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
.ml0 { margin-left: 0 !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }
.p0 { padding: 0 !important; }
.p5 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }
.p45 { padding: 45px !important; }
.p50 { padding: 50px !important; }
.p55 { padding: 55px !important; }
.p60 { padding: 60px !important; }
.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pr0 { padding-right: 0 !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pb0 { padding-bottom: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pl0 { padding-left: 0 !important; }
.pl5 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
/** FIXED WIDTHS and MARGINS ::end */