#page {
color:#001B2E !important;
font: 76%/1.2 Arial, Helvetica, sans-serif;
}
#page #container {
z-index: 1;
width: 978px;
background: white url(../images/community_sidebar_bg.png) repeat-y -1009px top !important;
margin: 0 auto;
padding: 0;
position: relative;
background-color: white;
border: 1px solid #c1c1c1;
min-height:500px; }
#page #container #content {
display: inline; 
float: left;
width: 610px;
padding: 20px 0px;
position: relative;
z-index: 6; 	}
#page #container #content h2 {
font-size: 1.5em;
font-weight: bold;
letter-spacing: -1px; }
#container #content .headline {
margin-bottom: 15px; }
#container #content .headline strong {
font-size: 120%;
font-weight: normal; }
#container #content .headline span {
color: #666666; }
#container #sidebar {
display: inline;     width: 308px;
float: right;
padding: 15px;
position: relative; }
#container .sidebar_pod, #container .sb_pod {
margin-bottom: 20px; }
#container .sidebar_pod h2, #container .sb_pod h2 {
margin-bottom: 1em; }
#container .sb_list {
padding-top: 0.6em;
border-top: 1px solid #cccccc; }
#container h1 {
padding: 0;
color: auto;
border: none;
font-size: 1.6em;
letter-spacing: 0;
font-weight: normal;
margin-bottom: 15px; }
#container h1 small {
font-size: 70%;
color: #777777; }
#container #content h2 {
color: #333333;
font-size: 90%;
font-weight: normal;
padding-bottom: 2px;
letter-spacing: 0;
text-transform: uppercase;
border-bottom: 1px solid #dddddd; }
#sidebar .community_pod {
display: inline-block;
padding: 15px 15px;
margin-bottom: 20px;
border: 1px solid #dddddd;
background: #f9f9f9; }
#sidebar .community_pod:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
* html #sidebar .community_pod {
height: 1px; }
#sidebar .community_pod {
display: block; }
#sidebar .community_pod h2 {
color: #666666;
font-size: 1.3em;
font-weight: normal;
letter-spacing: 0;
padding: 0;
margin-bottom: 15px;
border: none; }
#sidebar .community_pod h3 {
color: #555555;
font-size: 1em;
font-weight: bold;
letter-spacing: 0;
margin-bottom: 10px; }
.community_pod img{border:5px solid #ddd;}
#header {
z-index: 3;
position: relative; }

#company_header, #company_tabs, #sub_header {
width: 948px;
margin: 0 auto;
padding: 20px 15px;
position: relative;
background-color: white;
border: 1px solid #c1c1c1; }

#sub_header {
z-index: 3;
border-bottom: 0;
margin-bottom: -1px;
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px; }
#sub_header #tagline {
font-weight: bold;
font-size: 1.5em;
font-weight: 500; }
#sub_header #community_participation {
color: #888888; }

#company_tabs {
z-index: 1;
border-top: none;
padding-top: 6px;
padding-bottom: 2px; }
#company_tabs #company_nav {
clear: left;
padding: 8px 0 8px; }
#company_tabs #company_nav li {
float: left;
margin-right: 10px;
padding-left: 10px;
border-left: 1px solid #666666; }
#company_tabs #company_nav li a {
font-weight: bold; }
#company_tabs #company_nav li a span {
font-weight: normal;
color: #888888; }
#company_tabs #company_nav li.first {
padding-left: 0;
border-left: 0; }
#company_tabs #company_nav li.on a {
color: black;
cursor: default; }
#company_tabs #company_nav li.on a:hover {
text-decoration: none; }
#company_tabs #company_topic_search {
float: right;
background: white;
position: relative;
border: 1px solid #cccccc;
border-top-color: #aaaaaa;
border-left-color: #aaaaaa;
width: 245px;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px; height:25px; }
#company_tabs #company_topic_search .text {
font-size: 90%;
font-weight: bold;
float: left;
width: 143px;
padding: 6px 0 4px 20px;
background: white;
border: white;
outline: none;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px; }
#company_tabs #company_topic_search .search_submit_widget {
float: right;
background: white url(../images/gray_button.png) repeat-x 0 11px;
border-left: 1px solid #cccccc;
border-top-right-radius: 100px;
-moz-border-radius-topright: 100px;
-webkit-border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
-moz-border-radius-bottomright: 100px;
-webkit-border-bottom-right-radius: 100px; }
#company_tabs #company_topic_search .search_submit_widget .search_submit {
margin: 0;
float: left;
padding: 4px 2px 2px 11px; }



#company_header {
z-index: 2;
padding-top: 15px;
padding-bottom: 0;
border-bottom: 0;
margin-top: 15px;
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px; }
#company_header #participation {
float: right;
margin-top: -20px;
margin-right: -25px;
position: relative; }
#company_header #participation img {
position: absolute;
top: 34px;
right: 0; }
#company_header #participation div {
color: #222222;
display: block;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
padding: 8px 16px;
border-radius: 2px 2px 0 2px;
-moz-border-radius: 2px 2px 0 2px;
-webkit-border-radius: 2px 2px 0 2px;
border: 1px solid #cccccc; }

#company_header #participation.active div {
color: white;
border-color: #51b306;
background-color: #7ddd34; }
.active a{color:#ffffff;}

#company_header #community_tagline {
color: #666666;
font-size: 1.1em; }
#community_tagline h2{ font-size:20px;}




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

.clearfix {
display: inline-block; }

/* Hides from IE-mac */
* html .clearfix {
height: 1%; }

.clearfix {
display: block; }
.units{
background: url(../images/unit-bg.jpg);min-height: 55px; width:100%;
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
padding:10px 15px 10px 5px;
margin-left:5px;
}
.unit-ul li{
list-style:none; margin:2px; float:left;
width:65px;
height:18px;
color:#000000;
list-style:none;
padding:7px 10px;
font-size:15px;
text-transform:uppercase;font-weight:bold;

}
.unit-link-active,.unit-ul li:hover{
/*background: url(../images/unit-link.png) no-repeat;*/
background-color:#292929;border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
.unit-link-active a,.unit-ul li:hover a{color:white; text-decoration:none; text-align:center}
.units p{padding:10px 25px 10px 25px; font-size:16px; color:#01070c; letter-spacing:1px; line-height:20px; text-align:justify;}
.units p a{color:#01070c; text-decoration:none; padding:2px;}
.units p a:hover{background-color:#f0861d; color:white;}
.related_content_list{
float:left; position: relative;width:150px; padding:15px 15px 0px 15px;background-color: #ffffff;box-shadow: 0pt 1px 2px rgba(34, 25, 25, 0.4); height:220px; margin-right:15px;margin-bottom:15px; z-index:1;background: url(../images/body-bg.gif);
}
.related_content_list img{ cursor:pointer; border:0px;}
.subject-comments{font-size:10px;}
.subject-comments p{font-size:10px;text-align:justify;}
.posted-date{color:#aaa;}
.profile-img-div{float:left; width:20%;}
.profile-details-div{float:left; padding-left:5px; width:75%;}
.reply-comments{font-size:10px; background: url(../images/unit-bg.jpg); height:auto; width:100%; margin:5px 0px; padding:0px;}
.reply-comment-div{margin-bottom:10px; border-bottom:1px solid #d2d9e7;}
	#subject-notes{display:none; margin-top:10px;}
	#subject-notes ol {
		counter-reset:li; 
		margin-left:0;
		padding-left:0; 
	}
	#subject-notes ol > li {
		position:relative; 
		margin:0 0 6px 2em; 
		padding:4px 8px; 
		list-style:none; 
		border-radius: 5px;	-moz-border-radius: 5px;-webkit-border-radius: 5px;
	}
	#subject-notes ol > li:before {
		content:counter(li); 
		counter-increment:li; 
		position:absolute;
		top:-2px;
		left:-2em;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		width:2em;
		margin-right:8px;
		padding:4px;
		border-top:2px solid #666;
		color:#fff;
		background:#666;
		font-weight:bold;
		border-radius: 15px;	-moz-border-radius: 15px;-webkit-border-radius: 15px;		
		text-align:center;
	}
	#subject-notes li ol,
	#subject-notes li ul {margin-top:6px;}
	#subject-notes ol ol li:last-child {margin-bottom:0;}
	#upload-form{display:none;}
#upload-form label{width:200px; float:left;}
#time-table,#exam-table{display:none;margin-top:10px;}
#time-table table td,#exam-table table td,#time-table table th,#exam-table table th{padding:5px;}
div.like
{
background-image: url("../images/l.png");
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
cursor: pointer;
height: 15px;
width: 15px;
margin:5px;
}
div.dislike
{
background-image: url("../images/d.png");
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
cursor: pointer;
height: 15px;
width: 15px;
margin:5px;
}
#navLinks li{ float:left; padding:5px;}
#navLinks li.selected {
  /*background-color: #000;
  color: #fff;*/
  border:1px solid #0099FF;
  background-color:#FF9900;
}
.list-style{padding:10px; border-bottom:1px dotted #ddd;}
.search-result-list { margin:30px 0 0; padding:0;  }
.search-result-list li { background:none; padding:0; margin-bottom:40px; list-style:none; }
.search-result-list .search-list { padding:20px; position:relative;
-webkit-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;
}
.search-result-list span { display:block; width:15px; height:24px; position:absolute; top:30px; background:#000; background:url(../images/point.png) no-repeat 0 0; }
.search-result-list .odd img { float:left; border:none; }
.search-result-list .odd img { font-size:35px; font-weight:bold; text-align:right }
.search-result-list .odd .search-list { margin-left:140px; background:#e6eef2; }
.search-result-list .odd span { left:-15px; background-position:0 -24px; }
.search-result-list .even img { float:right;border:none; }
.search-result-list .even img { font-size:35px; font-weight:bold; text-align:left }
.search-result-list .even .search-list { margin-right:140px; background:#d1f2fe; }
.search-result-list .even span { right:-15px; }
.search-list p { padding-top:0; font-size:12px; }
.search-list h3 { padding-top:0; font-size:20px; }
.search-list .small { padding-bottom:0;color: #7d8a94; font-size:10px; float:left; }
.search-list .right { padding-bottom:0;color: #7d8a94; font-size:10px; float:right; }
.editIcon{background:url(../images/edit.png) no-repeat; width:16px; padding:0 10px !important; }
.editIcon:hover{ background-color:#eceff6; border:1px solid #d4dae8 !important; }
.unit-textarea{width:600px; min-height:100px; padding:5px; font-size:14px;}
.ref-textarea{width:500px; min-height:100px; padding:5px; font-size:14px;}
	 /*------------Search content starts here-----------------------*/	

 
    .cf:before, .cf:after{
      content:"";
      display:table;
    }
    
    .cf:after{
      clear:both;
    }

    .cf{
      zoom:1;
    }
    
    .form-wrapper {
      float:right;
    }
    
    .form-wrapper input {
        width:150px;
        float: left;    height:20px; 
        font-size:10px; color:#A9A9A9;
        border: 0;
        background: #eee;
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px; 
		 -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;     
    }
    
    .form-wrapper input:focus {
        outline: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    
    .form-wrapper button {
		overflow: visible;
        position: relative;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer; width:70px;   height:30px; 
        color: #fff;
        background: #d83c3c;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;      
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }   
      
    .form-wrapper button:hover{		
        background: #e54040;
    }	
      
    .form-wrapper button:active,
    .form-wrapper button:focus{   
        background: #c42f2f;    
    }
    
    .form-wrapper button:before {
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #d83c3c transparent;
        top: 10px;
        left: -6px;
    }
    
    .form-wrapper button:hover:before{
        border-right-color: #e54040;
    }
    
    .form-wrapper button:focus:before{
        border-right-color: #c42f2f;
    }