@charset "utf-8";

/* ************* typography ********************************* */
img             { max-width:100%; height:auto; border:0; vertical-align:top; }
a               { color:#006bd6; outline:none; text-decoration:underline; }
a:hover         { text-decoration:underline; }

h1, h2, h3, h4  { margin-top:20px; margin-bottom:0px; }
h1              { color:#000; font-size:1.714em; line-height:1.125em; }
h2              { font-size:1.428em; line-height:1.25em; }
h3              { font-size:1.214em; line-height:1.4em; }
h4              { font-size:1.1428em; line-height:1.25em; }

ul li, ol li    { margin:15px 5px; padding:0 10px; }

hr 		{ background:#dfe1e3; color:#dfe1e3; clear:both; float:none; width:100%; height:0.1em; margin:0 0 1.4em; border:none; }

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



.writeup                            { background:#f6f6f6; padding:5px 15px 10px; border-bottom:1px solid #444;  }
#content hr 		                { background:#000; clear:both; float:none; width:100%; margin:0 0 1.4em; border:none; height:1px; }
.btn-to-top                         { background:url("../images/bg-arrow-to-top.png") no-repeat scroll right 2px; float:right; font-size:0.7857em; line-height:1.2727em; color:#006bd6; margin:16px 0 0; padding:0 18px 0 0; text-decoration:none; text-transform:uppercase; }
.notVisible                         { display:none;  }

.datatable                          { background-color:#f7f7f7; border:solid 1px #f7f7f7; border-bottom:solid 1px #000; border-collapse:collapse; border-spacing:0; margin:10px 0; }
.datatable td                       { padding:15px; vertical-align:top; border:solid 1px #cccccc; border-top:none; border-bottom:none; }
.datatable td p                     { margin:5px 0; }
.datatable th                       { font-weight:bold; background-color:#1b78d6; color:#fff; padding:20px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; }
.datatable th:first-child, .datatable td:first-child
                                    { border-left:none; }
.datatable th:last-child, .datatable td:last-child
                                    { border-right:none; }
.datatable th.columnTH              { vertical-align:middle; background-color:transparent; color:#000; }
.datatable tr.alt                   { background-color:#fff; }

.attention-area, .idea-area         { padding:18px 80px 10px; margin:10px 0 20px; min-height:40px; }
.attention-area p, .idea-area p, .info-txt-area p  
                                    { margin:0; }
.info-txt-area p                    { margin:0 0 25px; }
.attention-area                     { background:#dff2f8 url(../images/bg-attention-area.png) no-repeat 15px 26px; }
.idea-area                          { background:#fff7c2 url(../images/bg-idea-area.png) no-repeat 15px 17px; }

.footnotes                          { border-top:1px dashed #CCC; line-height:1.416em; font-size:0.857em; font-style:italic; margin-top:25px; padding:3px 0 20px 5px; }

.btn, .form .button                 { vertical-align:top; cursor:pointer; font-size:0.857em; color:#000; line-height:2em; text-decoration:none; border-bottom:1px solid #4b8888; border-radius:3px; -webkit-border-radius:3px; background:#23DEDC; padding:8px 15px; }
.btn:hover, .form .button:hover     { opacity:0.7; filter:alpha(opacity=70); text-decoration:none; }

/* icon extension for the links 
a[href$=".pdf"], a[href$=".txt"], a[href$=".mp3"], a[href$=".aiff"], a[href$=".wav"], a[href$=".ogg"], a[href$=".wma"], a[href$=".zip"], a[href$=".rar"], a[href$=".ace"], a[href$=".tar.gz"], a[href$=".tgz"], a[href$=".mpg"], a[href$=".mpeg"], a[href$=".avi"], a[href$=".mv2"], a[href$=".mov"], a[href$=".mp4"], a[href$=".wmv"], a[href$=".swf"], a[href$=".xls"], a[href$=".xlsx"], a[href$=".doc"], a[href$=".docx"], a[href*="@"], a[target="_blank"]
					{ padding:2px 22px 2px 0; margin-right:3px; background:transparent; }
a[target="_blank"]      		{ background: url(../images/icon/ext.gif) no-repeat scroll right top; }
a[href$=".pdf"]        			{ background: url(../images/icon/page_white_acrobat.png) no-repeat scroll right top; }
a[href$=".txt"]        			{ background: url(../images/icon/page_white_text.png) no-repeat scroll right top; }
a[href$=".mp3"], a[href$=".aiff"], a[href$=".wav"], a[href$=".ogg"], a[href$=".wma"]
                        		{ background: url(../images/icon/music.png) no-repeat scroll right top; }
a[href$=".zip"], a[href$=".rar"], a[href$=".ace"], a[href$=".tar.gz"], a[href$=".tgz"]
                       			{ background: url(images/icon/page_white_compressed.png) no-repeat scroll right top; }
a[href$=".mpg"], a[href$=".mpeg"], a[href$=".avi"], a[href$=".mv2"], a[href$=".mov"], a[href$=".mp4"], a[href$=".wmv"]
                        		{ background: url(../images/icon/film.png) no-repeat scroll right top; }
a[href$=".swf"]        			{ background: url(../images/icon/page_white_flash.png) no-repeat scroll right top; }
a[href$=".xls"], a[href$=".xlsx"]	{ background: url(../images/icon/page_white_excel.png) no-repeat scroll right top; }
a[href$=".doc"], a[href$=".docx"]	{ background: url(../images/icon/page_white_word.png) no-repeat scroll right top; }
a[href*="@"]	        		{ background: url(../images/icon/email.png) no-repeat scroll right top; }

 .header a[target="_blank"], .footer a[target="_blank"], .gallery-area  a[target="_blank"], #sidebar a[target="_blank"],.add-tab-frame  a[href*="@"]
                                { background-image:none; padding:0; }
.aside a[target="_blank"], .aside a[href*="@"]
                                { overflow:hidden; vertical-align:top; padding:2px 0 0; margin:auto; text-decoration:none;}
ul.side-nav-add a[target="_blank"],ul.side-nav-add a[href*="@"]
                                { background: url(../images/sep-2line.png) repeat-x; background: #f6f6f6; display: block; padding: 12px 14px; }
*/

.left                               { float:left; }
.right                              { float:right; }
/* Clear */
.clear                              { display:inline-block; }   
.clear:after, .container:after      { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clear                       { height:1%; }
.clear                              { display:block; }