@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,500&subset=latin,latin-ext);

/*
~ Reset 
------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td {text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*
~ General 
------------------------------------------------------------------------------------------*/
html {}
body {  
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    background-color: #FFF; background-image: url(../images/background.png?v20); background-repeat: repeat-x; background-position: left top; 
}
input, textarea  { border: 1px solid #5195d2; padding:2px 4px 2px 4px; }
select { padding:3px;} 
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; font-size:0px; height:0px !important; overflow:hidden; }
.center { text-align:center; }
a { text-decoration:none; }
a:hover { text-decoration:underline; color:#125fa1; }
p { padding: 0px 0px 15px; line-height:1.6; }
h1{ font-size:28px; color:#000000; }
h2{ font-size:24px; color:#125fa1;  }

.word-details h2{ font-size:17px; padding-bottom:10px !important;}

.block{ display:block !important; }
.hidden{ display: none !important; }
.bold{ font-weight:bold;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mb-10{ margin-bottom:10px;}
.mb-15{ margin-bottom:15px;}
.pb-10{ padding-bottom:10px;}
.pb-15{ padding-bottom:15px;}
.pl-10{ padding-left:10px;}
.pl-15{ padding-left:15px;}
.pt-15{ padding-top:15px; }
.pt-10{ padding-top:10px; }

.border-radius-5{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.border-radius-bottom-5{  -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
.border-radius-bottom-10{  -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}

.link-btn{ background-color: #125fa1; color: #fff; display: block; line-height: 1.7em; padding: 0 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.link-btn:hover{ background-color: #5195D2; color: #fff; text-decoration:none; }
sup{ font-size:10px;}
.hidden{ display:none;}

.banner-linkunits-468x15{ padding-top:12px; float: left;}
.banner-largerectangle-336x280{}
.banner-medium-rectang-300x250{ float:right; padding: 0 0 15px 15px; }
.banner-text-medium-rectang-300x250{ margin-top:5px;}           


/*
~ ClearFix
------------------------------------------------------------------------------------------*/
.cf:before, .cf:after { content:""; display:table; } /* For modern browsers */
.cf:after { clear:both;}
.cf { zoom:1; } /* For IE 6/7 (trigger hasLayout) */


/*
~ Structure
------------------------------------------------------------------------------------------*/
.container { width:1170px; margin: 0px auto; }

.c-header { height:105px; }
.c-body	{ padding-top:15px; }
.wrap-1{ width:560px; }
.wrap-2{ width:160px; }

body.gogole-search .c-leftside{ display: none; }
body.gogole-search .c-main-col{ float: left; width: 985px;}

/*
~ header
------------------------------------------------------------------------------------------*/
.c-header div.logo{ float:left; padding-top:20px;}

/*
~ Menu
------------------------------------------------------------------------------------------*/
.side-menu{  margin-bottom: 28px; }
.side-menu .title{ color:#FFF; font-size:14px; font-weight:bold; background-image: url(../images/menu-title.png); background-repeat: no-repeat; background-position: left top; height: 24px; padding-top: 9px; padding-left: 26px; white-space: nowrap; }
.side-menu ul{ padding: 5px 13px 15px 13px; background-color:#f2f4f4; margin-bottom:10px;}
.side-menu ul li{ padding:6px 0 2px 14px;  }
.side-menu ul li.active{background-image: url(../images/menu-arrow.png); background-repeat: no-repeat; background-position: left 6px;}
.side-menu ul li.active a{ font-weight:bold; cursor:default; }
.side-menu ul li.active a:hover{ color:#000; text-decoration:none;}
.side-menu ul li a{color:#000; }
.side-menu ul li a:hover{ color:#125fa1; }

.side-facebook{ padding: 15px 0;}
.side-adsense{ padding:0px 0 15px 15px; margin:0 0 15px 0 ; background-color:#f2f4f4;}

.side-menu .add-question { background-color: #CC0000; margin-bottom: 10px; height: 22px; padding-top: 13px; padding-left: 14px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.side-menu .add-question a { color: #fff; text-decoration: none; font-weight:bold; text-transform: uppercase; }

/*
~ Searchbox
------------------------------------------------------------------------------------------*/
.searchbox-wrap{ padding: 28px 0 0 31px; }
.searchbox{ border: 2px solid #5195d2; background-color:#fff; padding: 5px; width:700px;   }
.searchbox div.dropdown{ float:left; padding:5px 4px;}
.searchbox div.dropdown select{ width:190px; }
.searchbox div.textbox{ float:left; padding-left:5px; }
.searchbox div.textbox input{ font-size:21px; border:none; width:570px; }
.searchbox div.textbox input.onblur { color: #CCCCCC; }
.searchbox div.search-btn{ float:right; padding:1px 0 0 0; }
.searchbox div.search-btn input{ border:0; cursor:pointer; background-color: transparent; background-image: url(../images/searchbox-btn.png); background-repeat: no-repeat; background-position: left top; height: 30px; width: 108px; }
.searchbox div.search-btn input:hover{ background-position: left bottom; }

.searchbox-google{ border: solid 2px #125FA1; padding: 3px 0 0 3px;   -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/*
~ Corner Box
------------------------------------------------------------------------------------------*/
.corner-box{ border: 2px solid #f2f4f4; padding: 13px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;  behavior: url(PIE.htc); }

.corner-box h2{ padding-bottom:15px;}
.corner-box-width-1{ width:523px; overflow: hidden; }

.corner-box .word-list{ width:160px; margin-right:12px; line-height:160%; float:left; white-space: nowrap; }
body.search .corner-box .word-list{ width:auto; float:none;  }
.corner-box .word-list a{ color:#000;}
.corner-box .word-list a:hover{color:#125fa1; text-decoration:underline;}
.corner-box .word{ padding-bottom:5px; }
.corner-box .word span{font-weight:bold;}
.corner-box .word .word-q{ padding:2px 5px 0 0; float:left; }
.corner-box ul.decimal{ padding-left:20px; }
.corner-box ul.decimal li{ padding: 5px; list-style-position: outside; text-align:justify; list-style-type: circle; line-height:150%; }
.corner-box ul.square{ padding-left:20px;}
.corner-box ul.square li{ padding-left: 5px; list-style-position: outside; list-style-type: square; line-height:150%; }
.corner-box ul.square li a{ color:#125FA1; text-decoration:underline;}
.corner-box ul.square li a:hover{ text-decoration:none;}
.corner-box .even{ background-color:#F2F4F4;}

.corner-box div.banner-200x200{ float:right; width:200px; height:200px; }
.corner-box div.col-1{ width:498px;}
.encryption-box p { padding: 0;}

.simple-box-1{ width:340px; }

/*
~ Layout Dex
------------------------------------------------------------------------------------------*/
.layout_dex {}
.layout_dex .c-leftside { width:252px; float:left; }
.layout_dex .c-main-col { width:903px; float:right; }



/*
~ page title
------------------------------------------------------------------------------------------*/
div.page-title{ padding:0 0 10px 0;}
div.page-title div.title{ float:left;}
div.page-title div.facebook{ float:right; width: 150px; }
div.page-title div.google-plus{ float:right; width:60px;}


/*
~ footer
------------------------------------------------------------------------------------------*/
.footer{ border-top-width: 2px; border-top-style: solid; border-top-color: #1863a3;  }
.footer .links { float:left; padding:10px 0;}
.footer .links a{ color:#000; font-size:12px; }
.footer .links a:hover{ color:#125fa1;}

.footer .copyright{ float:right; font-size:10px; color:#999; line-height:130%; text-align:right; padding-top:3px;}
.footer .copyright a{ color:#999; text-decoration:none; }