@charset "utf-8";
/* CSS Document */

body{margin:0px;font-family: Arial,Helvetica,sans-serif;font-size:13px; color:#333333; background:#FFFFFF;}

h1{ color: #3e3d3d; font-size: 18px; font-weight: bold; margin: 0; padding: 0 0 25px 0; text-align: left; text-decoration: underline; width: 60%; line-height:24px;}

/*** Alignment ***/

.left { float:left; display:inline; }

.right { float:right; }

/*** Small Classes ***/
.delete{background-image:url("https://www.grotal.com/Blog/images/delete.jpg");position:absolute;}

/********* Body Container *********/

.body-container { margin:0; padding:5px; width:100%;float:left;}

/********* body-col-1 *********/

.body-col-1{ float: left; margin: 0; padding: 7px; width: 14%;}

.body-col-1 ul { margin:0; padding:0; float:left; }

.body-col-2{ float: left; margin: 0 3px 10px 3px; padding: 7px; width: 63%;}

/********* body-col-2 *********/

.body-col-2  .six-colum-box{ margin:0; padding:0;}

.body-col-2  .six-colum-box .column-box-1{ margin:0 0 2% 0; padding:2%; width:49%; background:#f6f6f6; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url(PIE.htc); border:1px solid #dfdfdf; word-wrap: break-word; height: 173px;  cursor:pointer}

.body-col-2  .six-colum-box .column-box-1 h2{ font-size:15px; color:#ccc; margin:0; padding:0 0 1% 0; color:#3e3d3d; }

.body-col-2  .six-colum-box .column-box-1 p{ font-size:13px; margin:0; padding:0; color:#262525; line-height:20px;text-align:justify;}

.body-col-2  .six-colum-box .column-box-1 a{ margin:0; padding:0; text-decoration:none; color:#3e3d3d;}

.body-col-2  .six-colum-box .column-box-1 a:hover{ text-decoration:underline;}


.body-col-2 .listing-box{ margin:0; padding:0; overflow:hidden; width:100%;}

.body-col-2 .listing-box ul{ margin:0; padding:0;}

.body-col-2 .listing-box ul li{ margin:0; display:block;   list-style-type:none;  font-size:14px; color:#3e3d3d; margin:0 0 8px 0; *margin:0 0 8px 0; padding:0 0 0 0; font-weight:bold;  }

.body-col-2 .listing-box ul li span{ float:right; margin:0;  *margin:-17px 0 0 0; padding:0;  display:block;  font-weight:normal;}

.body-col-2 .listing-box ul li a{  color:#959595; margin:0; padding:0; font-size:12px ;  text-decoration:none;}

.body-col-2 .listing-box ul li a:hover{text-decoration:underline;}

/********* recent-box *********/

.body-col-2 .recent-box{ margin:0; padding:0 0 0 0; overflow:hidden;}

.body-col-2 .recent-box .bx-1{ margin:0 0 4% 0; *margin:0 0 1% 0; padding:0; width:48.8%; overflow:hidden;  }

.body-col-2 .recent-box .bx-1 .title-box{  -moz-border-radius-topleft:3px;   -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:0px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-radius:3px 3px 0 0;  behavior:url(PIE.htc);   background:#2799c9;   border:1px solid #2799c9; padding:2% 2% 1% 2%;  }

.body-col-2 .recent-box .bx-1 .title-box h2{ font-size:18px;  margin:0; padding:0 0 1% 0; color:#fff; font-weight:normal;}

.body-col-2 .recent-box .bx-1 p{ font-size:12px; margin:0; padding:0; color:#3e3d3d; line-height:20px;}

.body-col-2 .recent-box .bx-1 .content-box{ border-left:1px solid #dedede;  overflow:hidden; border-right:1px solid #dedede; border-bottom:1px solid #dedede;  margin:0; padding:3%; word-wrap: break-word;height:130px; cursor:pointer;}

.body-col-2 .recent-box .bx-1 .content-box1{ border-left:1px solid #dedede;  overflow:hidden; border-right:1px solid #dedede; border-bottom:1px solid #dedede;  margin:0; padding:3%; word-wrap: break-word;height:308px; cursor:pointer;}

.body-col-2 .recent-box .bx-1 .content-box h3{ font-size:15px; color:#3e3d3d; margin:0; padding:0 0 1% 0;  font-weight:bold;}

.body-col-2 .recent-box .bx-1 .content-box1 h3{ font-size:15px; color:#3e3d3d; margin:0; padding:0 0 3% 0;  font-weight:bold;}

.body-col-2 .recent-box .bx-1 .content-box p{ font-size:12px; margin:0; padding:0; color:#3e3d3d; line-height:20px;text-align:justify;}

.body-col-2 .recent-box .bx-1 .content-box1 p{ font-size:13px; margin:0; padding:4px 0 0 0; color:#3e3d3d; line-height:20px;text-align:justify; float:left;}

.body-col-2 .education-box{ margin:0; padding:15px; width:100%; background:#f6f6f6; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; border:1px solid #dfdfdf; position:relative; overflow:hidden;}

.body-col-2 .education-box h2{ font-size:25px; color:#3e3d3d; margin:0; text-align:center; padding:0 0 3% 0;  font-weight:normal; text-decoration:underline; line-height:30px }

.body-col-2 .education-box h3{ font-size:16px;  margin:0;  padding:0 0 0 0; color:#3e3d3d; }

.body-col-2 .education-box p{ font-size:14px; margin:0; padding:1% 0 2% 0; color:#3e3d3d; line-height:20px;text-align:justify;}

.body-col-2 .education-box span{ display:block; padding:5px 16px 0 0;}



input[type="txtPost"]::-moz-placeholder { color: blue !important;  }


/********* comment-box *********/

.body-col-2 .comment-box{ margin:10px 0 15px 0; padding:0 0 0 0; width:100%; float:left;}

.body-col-2 .comment-box h4{ background: #ccc; border-bottom: 0 none; border-top-left-radius: 18px; border-top-right-radius: 18px; color: #3e3d3d; font-family: bookmy family old; font-size: 18px; margin: 0; padding: 10px; word-spacing: 3px;}

.body-col-2 .comment-box .form-box{ border: 1px solid #ccc; color: #3e3d3d; float: left; font-size: 14px; margin: 0; overflow: hidden; padding: 10px; width: 100%; font-weight:bold; border-bottom-left-radius:7px; border-bottom-right-radius:7px;}

.body-col-2 .comment-box .form-box .input{ width:96%; border:1px solid #cccccc; margin:0 0 0 0; padding:7px; outline:none; font-size:14px; color:#3e3d3d; font-family:Arial, Helvetica, sans-serif; outline:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url(PIE.htc); position:relative; font-weight:normal;}

.body-col-2 .comment-box .form-box .input2{  border: 1px solid #cccccc; border-radius: 3px; color: #3e3d3d; float: left; font-family: Arial,Helvetica,sans-serif;
    font-size: 12px; height: 30px; margin: 0; outline: 0 none; padding: 5px; position: relative; width: 60%;}

.body-col-2 .comment-box .form-box textarea{ margin:0; padding:7px; resize:none; width:96%; outline:none; font-family:Arial, Helvetica, sans-serif; border:1px solid #cccccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url(PIE.htc); position:relative; font-weight:normal;}

.body-col-2 .comment-box .form-box td{ padding:0 0 8px 0}
.body-col-2 .comment-box .form-box td.pad-btm-non{ padding:0;}
.body-col-2 .comment-box .form-box td.pad-top{ padding:5px 0 0 0;}
.body-col-2 .comment-box .form-box .post-btn{ background:url(../images/post-image.png) no-repeat; width:61px; height:28px; display:block; font-size:0; line-height:0; text-indent:-10000px; border:none; cursor:pointer;}

.body-col-2 .comment-box-frame{ margin:10px 0 0 0; padding:0 0 0 0; float:left; width:100%;}

.body-col-2 .comment-box-frame h2{ background: #ccc;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    color: #333;
    font-family: bookmy family old;
    font-size: 18px;
    margin: 0;
    padding: 10px;}

.body-col-2 .comment-box-frame a{ text-decoration:underline; margin:0; padding:0; color:#3E3D3D; font-size:12px;}

.body-col-2 .comment-box-frame .comment-box-1{     background: #f6f6f6 none repeat scroll 0 0;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    margin: 0;
    overflow: hidden;
    padding: 7px;
    position: relative;
    width: 100%;}

.body-col-2 .comment-box-frame .comment-box-1 .lft-cntnt{ float:left; width:100%; margin:0; padding:0 0 0 0;}
.body-col-2 .comment-box-frame .comment-box-1 .lft-cntnt p{ color: #424141; float: left; font-size: 15px; font-weight: normal; line-height: 22px; margin: 0; padding: 5px; text-align: justify; width: 86%; word-spacing: 4px;}

.body-col-2 .comment-box-frame .comment-box-1 .rght-cntnt{ float:right; width:8%; margin:0; padding:0 0 0 2%;}
.body-col-2 .comment-box-frame .comment-box-1 .rght-cntnt p{ font-size:12px; color:#000; margin:0; padding:0;}

.lft-cntnt-name-hdn{float: right;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 10px;
    text-align: left;
    width: 82%;}


.button{ background: #069 none repeat scroll 0 0;
    border: 1px solid #069;
    border-radius: 5px;
    box-shadow: 2px 2px 0 1px #999;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    height: 30px;
    margin: 0 2px 0 15px;
    padding: 0;
    text-align: center;
    width: 120px;}
.blogImg{float:left; margin:0; padding:0; width:100%;text-align:center;}

/********* Form Bx *********/

.body-col-2 .form-bx{ margin:0; padding:0; width:100%; font-size:13px; color:#3e3d3d; font-weight:bold;}

.body-col-2 .form-bx h2{ margin:0; padding:0 0 2% 0; font-size:20px; color:#3e3d3d; font-weight:normal;text-align:center;}


.body-col-2 .form-bx .input3{ width:59%;  border:1px solid #ccc ; behavior:url(PIE.htc); margin:0; padding:0 0 0 0; outline:none; font-size:12px; color:#3e3d3d; height:26px; line-height:24px; font-family:Arial, Helvetica, sans-serif; outline:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url(PIE.htc); position:relative}

.body-col-2 .form-bx .small-textarea{ width:57%; margin:0; padding:1%; border:1px solid #ccc; resize:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url(PIE.htc); position:relative; outline:none }

.body-col-2 .form-bx .big-textarea{ width:79%; margin:0; padding:1%; border:1px solid #ccc; resize:none; font-family:
Arial, Helvetica, sans-serif; font-size:12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url(PIE.htc); position:relative; outline:none;}


/********* Article *********/
.body-col-2 .article-wrapper{ margin:0; padding:0;}

.body-col-2 .article-wrapper h2{ margin:0; padding:0; font-size:20px; color:#3e3d3d; font-weight:normal}

.body-col-2 .article-box{ margin:1% 0; padding:2% 0; background:url(../images/dashed-bdr.gif) repeat-x top; overflow:hidden;}

.body-col-2 .article-box .lft-block { margin:0; padding:0; width:16%; float:left; }

.body-col-2 .article-box .lft-block span{ display:block; padding:11px 0 0 0;}

.body-col-2 .article-box .lft-block p{ margin:0; padding:0; font-size:12px; color:#788; }

.body-col-2 .article-box .rht-block { margin:0; padding:0 0 0 1%; width:83%; float:left; }

.body-col-2 .article-box .rht-block h3{ margin:0; padding:0 0 0 0; font-size:13px; color:#3e3d3d; font-weight:bold}

.body-col-2 .article-box .rht-block p{ margin:0; padding:1% 0 0 0; font-size:12px; color:#777F81; }

.body-col-2 .article-box .rht-block a{ color:#3e3d3d; margin:0; padding:0; text-decoration:none;}
.body-col-2 .article-box .rht-block a:hover{ text-decoration:underline;}



/********* body-col-3 *********/

.body-col-3 { margin:0; padding:0 0 0 0; width:20%; float:left;   }

.body-col-3 .advertisement{ margin:0; padding:0 0 0 0; width:100%; }

.body-col-3 .advertisement h2{ text-align:center; margin:0; padding:3%;  font-weight:normal; color:#3e3d3d; font-size:13px;}


.body-col-3 .ads{ margin:0 0 6% 0; padding:2%; width:95%; background:#f6f6f6; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:1px solid #dfdfdf; behavior:url(PIE.htc); }

.body-col-3 .ads h2 { text-align:center; margin:0; padding:0 0 8px 0; font-size:20px; color:#3e3d3d; font-weight:normal; }

.body-col-3 .ads p { margin:0; padding:5px 0 0 0; font-size:12px; line-height:18px; color:#3e3d3d; text-align:center; }

.body-col-3 .ads h3{ margin:0; padding:0; font-size:14px; text-align:center; color:#3e3d3d; font-weight:bold;}

/********* bottom-links *********/

.bottom-links{ width:99%; margin:0 auto; padding:2% 0 0 1%; clear:both;}

.bottom-links ul{ margin:0; padding:0;}

.bottom-links ul li{margin-right:9.9%;  *margin-right:10%; padding:0.8%;  width:10%; -moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px;  color:#3e3d3d; border:1px solid #dedede; background:#efefef; behavior:url(PIE.htc);   display:block; text-align:center; list-style-type:none; float:left;  }

.bottom-links ul li.none{ margin:0;}

.bottom-links ul li a{text-decoration:none; text-align:center; font-weight:bold;  font-size:14px;  color:#3e3d3d; text-align:center; }

.bottom-links ul li a:hover, .bottom-links ul li:hover{ color:#3e3d3d; text-decoration:underline;}


/********* bottom-box *********/

.bottom-box{ margin:0; padding:1% 0 0 0; width:100%; overflow:hidden;}

.bottom-box .bx-1{ margin:0; padding:0.5%; width:38%;}

.bottom-box .bx-1 .title-bx{  -moz-border-radius-topleft:3px; width:96%; -moz-border-radius-topright:3px; -moz-border-radius-bottomleft:0px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:0px; -webkit-border-bottom-right-radius:0px; border-radius:3px 3px 0 0;  behavior:url(PIE.htc);   background:#eeeeee;   border:1px solid #dedede; padding:2% 2% 1% 2%; }

.bottom-box .bx-1 .title-bx h2{ font-size:15px; color:#3e3d3d; margin:0; padding:0 0 1% 0; }

.bottom-box .bx-1 p{ font-size:12px; margin:0; padding:0; color:#3e3d3d; line-height:20px;}

.bottom-box .bx-1 .contnt-bx{ border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; width:98%; margin:0; padding:2% 0 2% 2%;}

.blogDateText {
    color: #293464;
    float: right;
    font-weight: bold;
    padding: 10px;
}


/********* Accordion jquery *********/

code { font-family:"Courier New", Courier }
#options { margin:0; padding:0; color:#9ac1c9; }
#options a { text-decoration:none; color:#9ac1c9 }
#options a:hover { color:#033 }
#acc {  list-style:none; color:#033; margin:0 0 0 0; padding:0; width:100%; }
#acc h3 { margin:0 0 3px 0; padding:0 0 0 5%; -moz-border-radius:3px; -webkit-border-radius:3px;  border-radius:3px;  color:#3e3d3d !important; border:1px solid #dedede; background:#efefef; font-weight:normal; cursor:pointer;  display:block; line-height:40px; font-size:18px; width:100%;   /*padding:6px 6px 8px; font-weight:bold; margin-top:5px;  background:url(images/header.gif)*/ }
#acc a{color:#3e3d3d !important;}
#acc h3:hover { -webkit-border-radius:3px;-moz-border-radius:3px; outline:0 none; /*background:#f0f0f0;*/ text-decoration:underline; border-radius:5px; border:1px solid #dedede;  color:#3e3d3d !important; }

#acc .acc-section { overflow:hidden;  margin:0; padding:0 0 0 0; border:none !important; width:100%; }
#acc .acc-content { width:100%; padding:0; margin:0 0 0 0;  }
#acc .acc-content ul { margin:0; padding:0 0 0 0;  width:100%;}
#acc .acc-content ul li { margin:0 0 3px 0; border:none;  padding:0; list-style-type:none; display:block; }
#acc .acc-content ul li a { padding:0 5% 0 0;  margin:0; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px; color:#3e3d3d !important; border:1px solid #dedede; background:#efefef; text-align:right; font-weight:bold; cursor:pointer; line-height:36px; font-size:13px;  display:block;  }
#acc .acc-content ul li a:hover { color:#3e3d3d; text-decoration:underline; }

/********* Vertical Scroll jquery *********/
.scroll-content {position:absolute;top:0;left:0; width:98%;}
.slider-wrap{position:absolute;right:0;top:0;background-color:#e4e4e4;width:4px;}
.slider-vertical{position:relative;height:100%}
.ui-slider-handle{width:4px;height:10px;margin:0 auto; background:url(../images/scroll.png) no-repeat top;display:block;position:absolute}
.ui-slider-handle img{border:none}
.scrollbar-top{position:absolute;top:0;}
.scrollbar-bottom{position:absolute;bottom:0;}
.scrollbar-grip{position:absolute;top:50%;margin-top:-6px;}
.ui-slider-range{position:absolute;width:100%;background-color:#e4e4e4}
#scroll-pane, .scroll-pane {
    display: inline;
    float: left;
    font-size: 14px;
    height: 265px;
    line-height: 25px;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: relative;
    width: 100%;
    word-spacing: 4px;
}


/********* Select Box jquery *********/
select.chzn-select { visibility: hidden; height: 28px !important; min-height: 28px !important; font-family:Arial, Helvetica, sans-serif; }
.chzn-container { position: relative; display: inline-block; zoom: 1;  *display: inline;
}
.chzn-container .chzn-drop { background: #fff; border: 1px solid #aaa; position: absolute; top: 29px; left: 0; z-index: 999; }
.chzn-container-single .chzn-single { background:url(../images/select-left-bg.png) no-repeat left; display: block; overflow: hidden; margin:0; position: relative; height: 28px; line-height: 28px; padding: 0 0 0 5px; font-size:12px; font-weight:normal; color: #3e3d3d; text-decoration: none; font-family:Arial, Helvetica, sans-serif; outline:none;  }
.chzn-container-single .chzn-single span { display: block; overflow: hidden; white-space: nowrap; }
.chzn-container-single .chzn-single div { position: absolute; right: 0; top: 0; display: block; background:url(../images/select-arrow.png) no-repeat right; height: 28px; width: 22px; }
.chzn-container-single .chzn-single div b { display: block; background:url(../images/select-arrow.png) no-repeatr
; height: 28px; width: 22px; }
.chzn-container-single .chzn-search { padding: 0; margin: 0; display:none; white-space: nowrap; }

/* Drop down items */
.chzn-container .chzn-results { margin: 0; max-height: 190px; padding: 0 0 0 0; position: relative; overflow-x: hidden; overflow-y: auto; }
.chzn-container-multi .chzn-results { margin:0 0 0 0; padding: 0; }
.chzn-container .chzn-results li { padding: 0 0 0 10px; margin: 0; line-height:28px; font-weight:normal; list-style: none; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.chzn-container .chzn-results .active-result { cursor: pointer; }
.chzn-container .chzn-results .highlighted { color: #3e3d3d; }
.chzn-container .chzn-results li em {  font-style: normal; }
.chzn-container .chzn-results .highlighted em { background: transparent; }
.chzn-container .chzn-results .no-results {  }
.chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; font-family:Arial, Helvetica, sans-serif; }
.chzn-container .chzn-results .group-option { padding-left: 20px; }
.chzn-container-multi .chzn-drop .result-selected { display: none; }



/********* Form Bx *********/

.form-bx{ margin:0 0 0 12%; padding:2% 0 0 0; width:80%;  font-size:13px; color:#3e3d3d; font-weight:bold;  }
.form-bx a{ color:#000; text-decoration:none; outline:0 none;}
.form-bx a:hover{ color:#000; text-decoration:underline;}
.form-bx h2{ margin:0; padding:0 0 1% 25%; font-size:20px;  color:#3e3d3d; font-weight:normal}
.form-bx .txt-right{ text-align:right; }

.form-bx p{ font-size:14px; margin:0; padding:0 0 2% 26%; color:#a4a4a4;}
.form-bx .input3{ width:67%;  border:1px solid #ccc ; behavior:url(PIE.htc); margin:0; padding:0 0 0 0; outline:none; font-size:12px; color:#3e3d3d; height:50px; line-height:24px; font-family:Arial, Helvetica, sans-serif; outline:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url(PIE.htc); position:relative}
.form-bx .input4{ width:75%;  border:1px solid #ccc ; behavior:url(PIE.htc); margin:0; padding:0 0 0 0; outline:none; font-size:12px; color:#3e3d3d; height:26px; line-height:24px; font-family:Arial, Helvetica, sans-serif; outline:0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url(PIE.htc); position:relative; float:left;}

.form-bx .small-textarea{ width:65%; margin:0; padding:1%; border:1px solid #ccc; resize:none; font-family:
Arial, Helvetica, sans-serif; font-size:12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url(PIE.htc); position:relative; outline:none; }
.form-bx .big-textarea{ width:94.5%; margin:0; padding:1%; border:1px solid #ccc; resize:none; font-family:Arial, Helvetica, sans-serif;
 font-size:12px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url(PIE.htc); position:relative; outline:none;}
.form-bx #show{ margin:0 0 0 2%; padding:0; position:relative; top:0}
.form-bx #hidden { width:90%; background: #f9f9f9; position:absolute; display: none; border:1px solid #b6bac0; padding:2% 0 2% 2%; top:150%; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url(PIE.htc); }

.form-bx .ok-btn{ margin:0 0 0 4%; padding:0;   height:28px; cursor:pointer; float:left;}
.form-bx .pad-tp-8{ padding-top:8px;}


/******** Admin **********/

.grotal-dashboard{ margin:0; padding:0; }


.grotal-dashboard-title{ padding:15px 0; border-bottom:1px solid #afb6b8; background:#f6f6f6; font-family:Arial, Helvetica, sans-serif;}

.grotal-dashboard h2{ margin:0; padding:0; font-size:27px; text-align:center; color:#6d6d6d; font-weight:normal; }


.grotal-dashboard-wrapper{ margin:0 auto; padding:42px 0 0 0; width:888px; overflow:hidden}

.grotal-dashboard-wrapper img{ border:0;}

.add-new-category{ margin:0 0 30px 0; padding:0; width:326px; float:left;}

.edit-category{ margin:0 0 30px 0; padding:0; width:326px; float:right;}

.add-new-article{ margin:0 0 30px 0; padding:0; width:326px; float:left;}

.edit-article{ margin:0 0 30px 0; padding:0; width:326px; float:right;}

.approve-article{ margin:-16px 0 30px 0; padding:16px 0 0 0; width:326px; float:left; position:relative;}

.approve-article .approv-image{ margin:0; padding:0;}

.approve-article .notifcations{ margin:0; padding:7px 0 8px 0;  background:url(../images/notification-bg.png) no-repeat; 
width:32px;  position:absolute; top:0;  right:10px; font-family:Arial, Helvetica, sans-serif}

.approve-article .notifcations p{text-align:center; display:block; font-size:16px; color:#fff;  font-weight:normal; margin:0; padding:0;}

.approved-comments{ margin:0 0 0 0; padding:0 0 0 0; width:326px; float:right; position:relative; overflow:hidden;}

.grt-reld-lnk-otr{ float:left; margin:7px 0 0 0; padding:0 0 0 0; width:100%; border:1px solid #ccc;}

.grt-reld-lnk-hd{ float:left; margin:0 0 0 0; padding:0 0 0 0; background:#ccc; width:100%}

.grt-reld-lnk-hd h2{ margin:0 0 0 0; padding:7px; font-size:15px; color:#444; font-weight:bold; text-align:center; font-family:Verdana, Geneva, sans-serif Arial, Helvetica, sans-serif}

.grt-reld-lnk-txt{ float:left; margin:0 0 0 0; padding:7px; width:100%; font-size: 14px; font-weight: 600; line-height: 20px; text-align: left; word-spacing:3px}

.grt-reld-lnk-txt ul{ margin:0 0 0 0; padding:0 0 0 0}

.grt-reld-lnk-txt ul li{ float:left; margin:0 0 0 0; padding:7px; list-style:none; }

.grt-reld-lnk-txt ul li a{ color: #444; text-decoration:none}

.grt-reld-lnk-txt ul li a:hover{ text-decoration:underline}


.blog-rwv-btn{ float: right; margin: 0; padding: 0; position: absolute; right: 20px; top: 20px; width: auto; line-height:23px;}

.blog-rwv-btn1{ background: #069; border: 4px solid #069; border-radius: 7px; box-shadow: 1px 2px 0 1px #999; color: #fff; cursor: pointer; font-family:Verdana, Geneva, sans-serif; font-size: 13px; font-weight: bold; margin: 0; text-align: center; width: 100%; text-decoration:none}

.blog-rwv-btn1:hover{ background:#fff; border:4px solid #069; color:#069;}

/******** Header **********/

.topmenu { width:100%; margin:auto; }
.header { background: url(../images/header_bg.jpg) repeat-x scroll left top transparent; font-size: 13px; margin: auto; padding: 0 1% 4px; border-bottom:#CCCCCC solid 1px; }
.header ul { margin:0; padding:0; }
.header li { margin:0 5px; list-style:none; float:left; padding:0px 2px; line-height:33px; }
.header a { text-decoration:none; color:#024370; }
.header a:hover { text-decoration:underline; }
#more { color: #024370; cursor: pointer; /*  left: 363px;*/
    padding: 0 6px; position: relative; }
#more:hover { background-color: #FFFFFF; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding:0 5px; z-index:200; }
#dropmenu { background-color: #FFFFFF; border: 1px solid #CCCCCC; border-top:none; position: absolute; z-index:5666; padding-bottom: 3px; left:-1px; top:30px; }
#dropmenu ul li { line-height:25px; list-style: none outside none; margin: 0; padding: 0 5px; display:list-item; white-space: nowrap; width:80%; position:inherit; }
.none { display:none; }
.cl { clear:both; }
.fl { float:left; }
.fr { float:right; }

.footer {
    border-top: 1px solid #f6f6f6;
    color: #000000;
    font-size: 11px;
    height: 40px;
    width:100%;
    bottom:0;
    position:relative;
    background:#f6f6f6;
    bottom:0;
	padding:10px
    text-align: center;
}

a {
    color: #024370;
    text-decoration: none;
}
a:hover {
    color: #024370;
    text-decoration: underline;
}
.blog-adv-outr{float: right; margin: 0; padding: 0; width: 300px}
.adv{ float: left; margin: 0; padding: 7px 0 0 0; width: 100%;}
.display{display:block;}

.input-groupBlog {
    float: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 77%;
}
.input-groupBlog .Blog-control {
    float: left;
    margin-bottom: 0;
    width: 553px;
    z-index: 2; padding:10px; margin:0;
}

.livesearch-blog{ background: #fff; border: 1px solid #ccc; display: none; float: left; left: 101px; margin: 0; padding: 5px; position: absolute; width: 553px; z-index: 999; top:36px;}

.blog-srch-buttn-outr{ float: left; margin: 0 0 0 7px; padding: 0; width: 12%;}

.blog-srch-buttn{ background: #069; border: 1px solid #069; border-radius: 5px; box-shadow: 1px 1px 0 1px #ccc; color: #fff; cursor: pointer; font-size: 17px; font-weight: bold; padding: 6px; width: 100%;}
.grtlFbShareOutr{border: 1px solid #ccc; border-radius: 4px; float: right; margin: 6px 0 6px 12px; padding: 3px; width: 37%;}
.SpView { font-size: 11px; display: none;width:194px; }
.ml6{margin-left: 6px;cursor:pointer;}.mt3{margin-top:3px}
.font11{ font-size:11px;}

table
        {
            width: 100%;           
            border-collapse: collapse;
        }
        
        table th, table td
        {
            cursor:pointer;
            padding: 5px;
            text-align: left;
        }
		
table.noBorder1 tr td {
  border: 0 !important;
  border:none !important;
  cursor:default;
}	

table tr.noBorder2 td {
  border: 0 !important;
  border:none !important;
  cursor:default;
}

table tr td.noBorder3 {
  border: 0 !important;
  border:none !important;
  cursor:default;
}

		
@media only screen and (min-width: 1451px) and (max-width: 1600px) 
 {
.livesearch-blog{ left:11.5%; width:553px;}

}
		
@media only screen and (min-width: 1351px) and (max-width: 1450px) 
 {
.livesearch-blog{ left:11.5%; width:553px;}

}


@media only screen and (min-width: 1250px) and (max-width: 1350px) 
 {
	 .body-col-1{ width:14%;}
	.body-col-2{ width:61%;}
	 .blog-adv-outr{ width:300px;}
	 h1{ width:55%; line-height:30px;}
	 .input-groupBlog{ width:80%;}
	 .input-groupBlog .Blog-control{ width:80%;}
	 .blog-srch-buttn-outr{ width:18%;}
	 .livesearch-blog{left: 10%;top: 36px;width: 64%;}
	 .lft-cntnt-name-hdn{ width:78%;}
	 
	 }

@media only screen and (min-width: 1130px) and (max-width: 1249px) 
 {
	 .body-col-1{ width:14%;}
	 .body-col-2{ width:58%;}
	  h1{ float: left; margin: 0; padding: 40px 0 20px; width: 100%;}
	 .blog-rwv-btn{ float: left; left: 0; line-height: 22px; margin: 0 auto; padding: 10px; position: absolute; right: 0; top: 0; width: 75%; word-spacing: 2px;}
	 .input-groupBlog{ width:80%;}
	 .input-groupBlog .Blog-control{ width:80%;}
	 .blog-srch-buttn-outr{ width:18%;}
	.livesearch-blog{left: 10%;top: 36px;width: 64%;}
	 .grtlFbShareOutr{ border: 1px solid #ccc; border-radius: 4px; float: right; margin: 0 0 0 5px; padding: 2px 3px 4px 10px; width: 40%;}
	 .lft-cntnt-name-hdn{ width:72%;}
	 }

@media only screen and (min-width: 1024px) and (max-width: 1129px) 
 {
	 .body-col-1{ width:16%; margin:0}
	 .body-col-2{ width:53%;}
	 .blog-adv-outr{ width:300px;}
	  h1{ float: left; margin: 0; padding: 40px 0 20px; width: 100%;}
	  .blog-rwv-btn{ float: none; left: 0; line-height: 24px; margin: 0 auto; padding: 10px; position: absolute; right: 0; top: 0; width: 75%; word-spacing:2px;}
	 .blog-adv-outr{ width:300px;}
	 .input-groupBlog{ width:100%;}
	 .input-groupBlog .Blog-control{ width:80%;}
	 .blog-srch-buttn-outr{ width:18%;}
	 .blog-srch-buttn{ width:100%;}
	 .livesearch-blog{left: 0;top: 36px;width: 80%;}
	 .grtlFbShareOutr { border: 1px solid #ccc; border-radius: 4px; float: right; margin: 0 0 0 5px; padding: 3px 4px 4px 5px; width: 42%;}
	 .lft-cntnt-name-hdn{ width:70%;}
	 .body-col-2 .comment-box-frame .comment-box-1 .lft-cntnt p{ width:80%;}
	 }
 @media only screen and (min-width: 768px) and (max-width: 1023px) 
 {
	 .body-container{ float: left; margin: 0; padding: 5px; width: 100%;}
     .body-col-1{ margin: 0; padding: 3px; width: 24%;}
     .body-col-2{ margin: 0 0 10px 3px; padding: 3px; width: 75%;}
	  h1{ float: none; margin: 0 auto; padding: 40px 0 20px; width: 100%;}
	 .blog-rwv-btn{ float: none; left: 0; line-height: 25px; margin: 0 auto; padding: 10px; right: 0; top: 0; width: 80%;}
	 .body-col-2 .comment-box h4{ font-size:17px}
	 .blog-adv-outr{float: right; margin: 0; padding: 0; width: 100%; text-align:center}
     .adv{width:100%; padding:0; margin:0 0 10px 0}
	 .grt-reld-lnk-otr{ border: medium none; float: none; margin: auto; padding: 0; width: 60%;}
	 .grt-reld-lnk-hd{ border-top-left-radius: 7px; border-top-right-radius: 7px;}
	 .grt-reld-lnk-txt ul li{ width:100%}
	 .grt-reld-lnk-txt{ margin:0 0 20px 0; border:1px solid #ccc;}
	 .body-col-2 .comment-box .form-box .input2{ width:20% !important; height:32px !important}
	 .input-groupBlog{ width:100%;}
	 .input-groupBlog .Blog-control{ width:80%;}
	 .blog-srch-buttn-outr{ width:18%;}
	 .blog-srch-buttn{ width:100%;}
	 .livesearch-blog{left: 0;top: 36px;width: 80%;}
	 .grtlFbShareOutr{ margin: 0 0 0 7px; padding: 3px 2px 2px 10px; width: 40%;}
	 .lft-cntnt-name-hdn{ width:72%;}
	 .body-col-2 .comment-box-frame .comment-box-1 .lft-cntnt p{ width:80%;}
     }
	 
 @media only screen and (min-width: 481px) and (max-width: 767px) 
 {     
  .body-container{ margin: 0; padding: 7px; width: 100%;}
  .body-col-1{ margin: 0; padding: 0; width: 100%;}
  #acc{ margin:0}
  .body-col-2{ float: left; margin: 10px 0 10px 0; padding: 4px; width: 100%;}
  
 h1{ font-size: 16px; line-height: 22px; padding: 40px 0 20px; text-align: center !important; width: 100%;}
 .blog-rwv-btn{ float: none; left: 0; line-height: 24px; margin: 0 auto; right: 0; top: 7px; width: 365px;}
  
  .body-col-2 .comment-box .form-box .input2{ height: 32px; width: 18% !important;}
  .blog-adv-outr{float: right; margin: 0; padding: 0; width: 100%; text-align:center}
  .adv{ margin: 0 0 10px 0; padding: 0; text-align: center; width: 100%;}
  .grt-reld-lnk-otr{ margin:0 0 20px 0}
  .grt-reld-lnk-txt ul li{ width:100%}
  /*.blog-rwv-btn{ float: none; left: 0; line-height: 24px; margin: 0 auto; padding: 10px; right: 0; top: 0; width: 90%;}*/  
  .body-col-2 .comment-box h4{ font-size: 17px; line-height: 22px; margin: 0;}
  .input-groupBlog{ width:100%;}
   .input-groupBlog .Blog-control{ width:80%;}
	 .blog-srch-buttn-outr{ width:18%;}
	 .blog-srch-buttn{ width:100%;}
	 .livesearch-blog{left: 0;top: 36px;width: 80%;}
	 .grtlFbShareOutr{ float: none; margin: auto; overflow: hidden; padding: 3px 4px 4px 20px; width: 300px;} 
	 .lft-cntnt-name-hdn{ width:65%;} 
	
	 .body-col-2 .comment-box-frame .comment-box-1 .lft-cntnt p{ width:77%; clear:both;}
     }
	 
	 
 @media only screen and (min-width: 0px) and (max-width: 480px) 
 {
	  .body-container{ margin: 0; padding: 7px; width: 100%;}
     .body-col-1{ margin: 0; padding: 0; width: 100%;}
     .body-col-2{ margin: 10px 0 10px 0; padding: 0; width: 100%;}
	 h1{ font-size: 16px; padding: 55px 0 30px; text-align: justify !important; text-decoration: none; width: 100%;}
	 .blog-rwv-btn{ left: 0; margin: 0 auto; padding: 8px; right: 0; text-align: center; top: 0; width: 303px;}
	 .body-col-2 .education-box{ padding:10px}
	 .body-col-2 .comment-box h4{ font-size: 16px; line-height: 22px; padding: 7px;}
	 .body-col-2 .comment-box .form-box .input2{ width:30% !important; margin:0 0 5px 0;}
      .blog-adv-outr{float: right; margin: 0; padding: 0; width: 100%; text-align:center}
      .adv{ margin: 0; padding: 0; text-align: center; width: 100%;}
	  .grt-reld-lnk-txt ul li{ width:100%}
	  .grt-reld-lnk-otr{ margin:7px 0 20px 0}
	  .body-col-2 .comment-box .form-box .input{ width:100%}
	  .body-col-2 .comment-box .form-box textarea{ width:100%}
	  #scroll-pane, .scroll-pane{ text-align:justify}
	  

#acc .acc-section{ margin:0; padding:0 0 0 0; border:none !important; width:100%; }
.body-col-2  .six-colum-box .column-box-1{ margin:0 0 2% 0; padding:2%; width:100%; background:#f6f6f6; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  behavior:url(PIE.htc); border:1px solid #dfdfdf; word-wrap: break-word; height: 173px;  cursor:pointer}
.body-col-2 .recent-box .bx-1{ margin:0 0 4% 0; *margin:0 0 1% 0; padding:0; width:99%; overflow:hidden;  }
.display{display:none;}
#scroll-pane, .scroll-pane{ text-align:justify;}
.body-col-2 .education-box h2{ font-size: 17px; font-weight: bold; line-height: 23px; margin: 0; text-align: justify; text-decoration: none;}

#acc h3{ background:#efefef url(../images/arw-dwn.png) no-repeat scroll right 10px center;}

#acc h3.sltd{ background:#efefef url(../images/arw.png) no-repeat scroll right 10px center;}

/*#acc h3:hover{ background:#efefef url(../images/arw-dwn.png) no-repeat scroll right 2px center;}*/
.hide-mob{display:none;}

.input-groupBlog{ width:100%;}
.input-groupBlog .Blog-control{ width:74%;}
.blog-srch-buttn-outr{ width:23%;}
.blog-srch-buttn{ width:100%;}
.livesearch-blog{left: 0;top: 37px;    width: 100%;}
.grtlFbShareOutr{ border: 1px solid #ccc; border-radius: 4px; float: none; margin: 0 auto; overflow: hidden; padding: 2px 3px 3px 15px; width: 80%;}

.lft-cntnt-name-hdn{ font-size:14px; width:50%;}
.body-col-2 .comment-box-frame .comment-box-1 .lft-cntnt p{ width:100%; word-spacing:2px; clear:both;}
.body-col-2 .comment-box .form-box td{ float:left; width:100%; padding:0 0 8px 0; cursor:default;}
.button{ width:28%;}
     }