/*
@css-style for template gopip_easy
@author: Rene Wandel
@web: http://www.gopip.de
@email: info@gopip.de
*/

/* The left column has been set to 20% of the total witdth. The right coulmn has been set to 24% of the 
   total width. The main column width is set to 55.5% just to account for the remaining space. It is less by 0.5% 
   so as to avoid overflow of right modules to next line.

   The overflow:hidden attribute is controlled only from the respective modules. 
   border to each moduel except the one at the hotspace is given through the respective module. 
*/


body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #646464;
        font-size: 11.5px;
        line-height: 1.3em;
}

#bg{
	background-image: none;
       /* This background refers to the background of the container 
          that is the area out moof the active area of the website. */
	background-repeat: repeat;
}

#container {
	width: 900px; /* The total width of the website window */
	background-color: #FFFFFF;
	position: relative;
	text-align: left;
}

#container_inner{
/*	background-position: 23% 0; */
}

/* Container is some abstract entity. Container inner is the real entity that is visible on the page. 
   Border etc, in the container_inner class, if put on will be visible on the page. */

/* --------------------- THE HEADER BLOCK ------------------------------ */


/* The height (h) and width (w) of the header block is controlled from the following the header CSS class.
   The header class controlls the total height of the header block. The subheader class is just a place holder for 
   header image, topnavi strip and pathway. 

   The header_imgl class CONTROLLS THE HEIGHT OF THE HEADER IMAGE.

   IF THE HEIGHT OF HEADER IMAGE IS TO BE CHANGED. THE CHANGE EFFECTED IN THE HEIGHT OF THE HEADER IMAGE SHOULD
   ALSO BE EFFECTED IN THE TOTAL HEIGHT DEFINED BY CLASS HEADER.
 
   THE DIMENSIONS OF HOTSPACE ARE 24% OF 900 (WIDTH) X 200 PX.
   THE WIDTH OF LEFT MODULE IS 20% OF 900. THE WIDTH OF RIGHT MODULE IS 24% OF 900.
   THE DIMENSIONS OF HEADER IMAGE ARE: 75% OF 900 X 150.

*/

#header {
	width:100%;
	background-color: none;
        height:200px;  /* Only this line sets the total height of header block */
}

#subheader {
       width: 75%;
       height:100%;
       float:left;
       border: 1px solid #CCCCCC;
}
 
#header_img1{
	width: 100%;
	height: 150px; /* Only this line sets the total height of header image */
        float: left;
        background:url(/images/header.png) no-repeat top left;
}

#hotspace{
	width: 24%;
        float: left;
        margin-left:5px;
        background-color:none;
        height: 100%;
        border: 1px solid #CCCCCC;
        
}

/* The height of pathwaystrip and topnavistrip is 11.5% and 12% of the total height as defined by the
   class header. These heights along with the height of the image (150) add upto 197 only 3 less than 
   total height of 200 px. This is to accomodate overflow issue with certain other browers. 
*/


#pathwaystrip {
        height: 12%;
        float: center;
        width: 100%;
        padding: none;
        margin: none;
        vertical-align: top;
	border-top: 1px solid #CCCCCC;
	background-color: #F1F1F1;
}

#pathway{
        float: left;
        padding-left: 10px;
	background-color: none;
        vertical-align: center;
	font-size: 11px;
        margin: 5px;
        overflow:hidden;
}

#date{
        float: right;
        padding-right: 10px;
	background-color: none;
        vertical-align: center;
	font-size: 11px;
        margin: 5px;
        color:880000;
}

/*Horizontale Menüs*/

#topnavistrip{
	height: 11.5%;
        float: center;
        width: 100%;
	vertical-align: top;
	background-color: #F1F1F1;
	border-bottom: 1px solid #CCCCCC;
}

#topnavi{
	height: 20px;
        width: 70%;
        float: right;
	background-color: none;
	border: none;
        margin:2px;
        font-weight:normal;
}

#search{
        width:20%
	background-color: none;
	vertical-align: center;
	margin: 2px;
        float: left;
}


/* ---------------------------------------------------------- */

#sitetitle{
	font-family: monospace;
	font-weight: bold;
	font-size: 12px;
	padding: 2px 10px;
	margin: 0 0 5px 0px;
	color: #1E90FF;
	background-color: #F5F5F5;
	border-bottom: 1px solid #CCCCCC;
	line-height: 2em;
	text-align: left;
}

/* Class place holder is just a placeholder for the left, main and right columns. */

#placeholder {
       width: 100%;
       float:left;
}


#leftcol{
	width: 20%;
	float: left;
/*	position: relative; */
	background: none;

}
 
#leftcol_inner{
        border: none;
        margin-top: 5px;
        background-color: #none;
     
/*        overflow: hidden;  */
}
 
#maincol{
        width: 55.5%;
/*        overflow:hidden; 
	background: none; */
	float: left;
/*	display: inline;
	position: relative; */
}
 
#maincol_inner{

/*        padding: 5px; */
        border: none;
/*        margin-bottom: 5px; */

/*	padding: 10px;
        border: 1px solid #CCCCCC; */
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-right: 5px; /* one extra pixel margin to align the maincol to the subheader */
}

#rightcol{
	width: 24%;
	float: left;
/*	position: relative; 
	background: none; */
}
 
#rightcol_inner{
        margin-top: 5px;       
}

.clr{
	clear: both;
}


#user{
	background-color: #333333;
	color: #FFFFFF;
	padding: 5px;
	margin: 5px;
	border: 1px solid #CCCCCC;
}

#user1{
        background-color: #333333;
	color: #FFFFFF;
	padding: 5px;
	margin: 5px;
	border: 1px solid #CCCCCC;
}

#user2{
        background-color: #006400;
	color: none;
	padding: 5px;
	margin: 5px;
	border: 1px solid #CCCCCC;
}

#footer {
	color: #9D9D9D;
	font-size: 0.9em;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #ECECEC;
	text-align: center;
}
/* CODE TEXT */

pre, .code {
	padding: 10px 15px;
	margin: 5px 15px 15px;
	border-top: 1px solid #1E90FF;
	border-bottom: 3px solid #1E90FF;
	font: 12px "Courier News", monospace;
	background-color: #DDEEFF;
}


.dropcap {
	float: left;
	font: normal 60pt/0.8em Georgia, Helvetica, Verdana, Arial, sans-serif;
	color: #1E90FF;
	margin-right: 3px;
}

.pullout{
	width: 30%;
	padding: 10px;
	border: 1px solid #CCCCCC;
	color: #333333;
	float: right;
	font: 16px/0.9em Arial, Helvetica, sans-serif;
	text-align: left;
	letter-spacing: 0.05em;
	margin: 5px;
	clear: both;
}

/* TIPS, ERROR, MESSAGE, HIGHLIGHTS*/

.error {
	padding: 10px 10px 10px 25px;
	color: #B22222;
	font-size: 14px;
	border-top: 3px dotted #900;
	border-bottom: 1px dotted #900;
	display: block;
	background-color: #ECF6FF;
}

.message {
	padding: 10px 10px 10px 25px;
	color: #1E90FF;
	font-size: 14px;
	border: 1px solid #1E90FF;
	border-left: 5px solid #1E90FF;
	display: block;
	background-color: #ECF6FF;
}

.tips {
	padding: 10px 10px 10px 25px;
	color: #E0AB66;
	font-size: 14px;
	border-top: 1px dotted #E0AB66;
	border-bottom: 1px dotted #E0AB66;
	display: block;
}

.highlight {
	background: #FFF6C3;
	font-weight: bold;
	color: #5D5000;
}


/* Default Joomla! Menu */

/*
table.moduletable {
	margin: 0px;
	padding: 0px;
        overflow: hidden;
}
*/
a.mainlevel {
	padding: 5px 3px 7px 5px;
	display: block;
	color: #545454;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #CCCCCC;
        font-size:1em;
}

a.mainlevel:hover,a.mainlevel:active {
	color: #880000;
	text-decoration: none;
	font-weight: bold;
        font-size:1em;
}

a.mainlevel#active_menu {
	color: #880000;
	font-weight: bold;
	text-decoration: none;
        font-size:1em;
}

a.sublevel {
	padding: 4px 4px 4px 13px;
	display: block;
	color: #545454;
	text-decoration: none;
        font-size:1em;
}

a.sublevel:hover,a.sublevel:active {
	color: #880000;
	text-decoration: none;
        font-size:1em;
}

#active_menu {
	color: #59B2C4;
        font-size:1em;
}

#buttons {
	margin: 0px;
	padding: 0px;
	width: auto;
	float: left;
}

ul#mainlevel-nav{
	list-style: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 0.8em;
}

ul#mainlevel-nav li{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: right;
	margin: 0;
	font-size: 11px;
	white-space: nowrap;
	border-left: 1px solid #CCCCCC;
}

ul#mainlevel-nav li a{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #666666;
}

#buttons>ul#mainlevel-nav li a { width: auto; }
	
ul#mainlevel-nav li a:hover{
	color: #880000;
	background: #F1F1F1;
}



/* The following CSS coding is for minifrontpage module */

.minifp-sambharatam td {
font-size: 15px;
color: #cccccc;
background-color: #CCCCCC;
}

.minifp-sambharatam-introtitle a {
        padding-top:5px;
        font-weight: bold;
        color:#cccccc;
        font-size:13.5px;
}

.minifp td { 
       font-size:11.5px;
/*       color: #a4a4a4; */
}

.minifp td p {
        line-height:1.2em;
}

.minifp td img {
        margin-right: 0.5em;
        margin-top: 2px;
}

.minifp-anotherlinks {
	font-weight:bold;
	font-size:11.5px;
	display:block;
        color: #880000;
	border-bottom:1px solid #cccccc;
/*	background:url(/joomla/modules/minifrontpage/application_add.gif) no-repeat top left;  */
}

.minifp ul li a {
	list-style-image:url(http://www.bpd.org.in/joomla/modules/minifrontpage/arrow_green.gif);
	font-size:11.5px;
        font-weight: normal;
        line-height:1.3em;
        padding-left: none; 
}

.minifp ul li {
	list-style-image:url(http://www.bpd.org.in/joomla/modules/minifrontpage/arrow_green.gif);
	font-size:11.5px;
        font-weight: normal;
        line-height:1.3em; 
        padding-left: none;
}

.minifp ul li a:hover { 
	text-decoration:underline;
	color:#880000;
}

.minifp-introtitle {
        padding-top:5px;
        font-weight: bold;
        color:#880000;
        font-size:11.5px;
}

.minifp-introtitle a {
        padding-top:5px;
        font-weight: bold;
        color:#880000;
        font-size:11.5px;
}

.minifp-introtitle a:hover {
	text-decoration:underline;
}

.minifp-date {
	color:#880000;
	font-size:0.9em;
	font-weight:normal;
}

a.minifp-full-link {
        font-weight:normal;
	font-size:11.5px;
        margin-top: 0.5em;
        float: right;
}

a:hover.minifp-full-link {
	text-decoration:underline;
	color:#880000;
}

.joiningformheading {
        color: #880000;
        font-weight: bold;
}


/* Normaler link */
a {
	color: #656565;
	text-decoration: none;
}

a:hover, a:active {
	color: #880000;
	text-decoration: underline;
}

/* Title text */
.contentheading {
	color: #880000;
	font-size: 13px;
        font-weight:bold;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	width: 100%;
}

.componentheading {
	color: #880000;
	font-size: 13px;
        font-weight:bold;
	border-bottom: 1px solid #CCCCCC;
	margin: 0 0 5px 0;
	padding: 0 0 3px 0;
	width: 100%;
}


/* latestnews link */
.latestnews {
	color: #880000;
	font-size: 13px;
        font-weight:bold;
	margin: 0;
	padding-left: 5px;
	width: 100%;
}



/* Small text */
.small, .smalldark, .createdate, .modifydate, .mosimage_caption,.back_button, .pagenavcounter, .pagenav, .pagenavbar, a.readon {
        color: #cccccc;
	font-size: 0.8em;
}

/* Überschriften */

h1 {
	font-size: 160%;
}

h2 {
	font-size: 140%;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 100%;
	text-transform: uppercase;
}

p {
	margin: 5px 0 15px;
}

ul {
	margin-top: 5px;
	margin-bottom: 15px;
	list-style: none;
}

ul li {
	padding-left: 10px;
	line-height: 1.3em;
}

ol {
	margin-top: 5px;
	margin-bottom: 15px;
}

ol li {
	margin-left: 20px;
	line-height: 170%;
}

th {
	padding: 2px;
	font-weight: bold;
	text-align: left;
}

fieldset {
	border: none;
}

fieldset a {
	font-weight: bold;
}

hr {
	border-top: 1px solid #AEAEAE;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	height: 1px;
}

a img {
	border: none;
}

td, div {
	font-size: 100%;
}


/* Formstyle */

form {
	margin: 0;
	padding: 0;
}

input, select {
	font: 11px/normal Tahoma, Arial, sans-serif;
	color: #545454;
}

select, .inputbox {
	padding: 2px;
}

textarea {
	padding-left: 2px;
}

.button, .button:hover {
	padding: 2px 10px!important;
	padding: 1px 5px;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #DDDDDD;
	background: #EDECEC;
}

.button:active, .button:focus {
	border-top: 1px solid #999999;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #999999;
}

.inputbox {
	border: 1px solid #C0C0C0;
	background: #FFFFFF;
        padding:2px;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #999999;
	background: #FFFFFF;
}

table.contentpaneopen td.componentheading {
	padding-left: 15px;
}

.contentpaneopen{
	width: 100%;
}

table.contentpane {
	width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

/*  Modulstyle  */

/*  the following part covers the heading of all the modules which haven't 
    specified any module suffix. The moment you write specific class for any module and put
    this part looses its effect.
*/
div.module h3, div.moduletable h3 {
	margin: 0 0 5px 0;
	padding: 5px 0 5px 5px;
	font-size: 1em;
	text-transform: uppercase;
/*	border-right: 1px solid #E1E1E1; */
	border-bottom: 1px solid #E1E1E1;
	background-color: #F0F0F0;
	text-align: left;
        color: 880000;
}

/* Note about the width tag in the following two pieaces of CSS code: 
   These two dictate the style of every module in the website which does not have a CSS of its own.
   width is the width of the module wrt the width of placeholder (like leftcol_inner, maincol_inner).
   It has been assigned a value of 99 because with 100 the right border of the modules, both in right and
   left columns, was not displayed.
*/

 /* Apart from leftcol and leftcol_inner, this part also controlls the appearance of main menu.
    Border around main menue is created in this part only as border created through leftcol/leftcol_inner will
    club all the modules placed in left column together and will appaer around them as if they are part of a block.
*/
div.module, div.moduletable {
        width: 100%;
        font-size: 13px;
        border: 1px solid #CCCCCC;
        overflow:hidden;
/*        float:left; */
}

/* In the following css code, adding is not given at the bottom becasue there seems to be an inbuilt 
bottom padding with the module "Html Module". This could be a bug in it.
*/


div.module-advrt, div.moduletable-advrt {
        width: 100%;
        margin-bottom: 5px;
/*	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;  */
        font-size: 13px;
        border: 1px solid #cccccc;
        overflow:hidden;
}

div.module-hotspace, div.moduletable-hotspace {
        width: 100%;
/*        margin-bottom: 10px; */
/*	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px; */
        font-size: 13px;
/*       border: 1px solid #cccccc; */
        overflow:hidden;
}

/*other styles */

table.poll {
	padding: 0px;
	width: 100%;
	border-collapse: collapse;
}

table.pollstableborder {
	padding: 5px;
	width: 100%;
	border: 0px solid #CCCCCC;
	text-align: left;
}

table.pollstableborder img {
	vertical-align: baseline;
}

table.pollstableborder td {
	padding: 2px!important;
}

table.pollstableborder tr.sectiontableentry1 td {
	background-color: #EEEEEE;
}

table.searchintro {
	padding: 5px 0;
	width: 100%;
}

table.searchintro td {
	padding: 5px!important;
}

.blog_more {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #EDECEC;
	background-color: #F2F2F2;
}

.blogsection {
       color: #880000;
}

.blog_more strong {
	margin: 0 0 5px;
	display: block;
	color: #545454;
	text-transform: uppercase;
}

.blog_more ul {
	margin: 0;
	padding: 0;
}

.blog_more ul li {
	margin: 0;
	padding: 0 0 0 5px;
}

td.buttonheading {
	padding: 0 0 0 3px!important;
	text-align: center;
}

.category {
	font-weight: bold;
}

.category:hover {
         text-decoration: underline;
         color: #880000;
}

.contentdescription {
	padding-bottom: 30px;
}

a.readon {
	float: right;
	padding: 2px 15px 2px 15px;
	display: block;
	background-color: #EEEEEE;
	color: #666666;
	border: 1px solid #CCCCCC;
	text-decoration: none;
}

a.readon:hover, a.readon:active {
	color: #FFFFFF;
	background-color: #666666;
	border: 1px solid #CCCCCC;
	text-decoration: none;
}

.mosimage {
	padding: 0;
	margin: 5px 15px 0 0!important;
	margin: 5px 5px 0 0;
}

.mosimage img {
	padding: 0;
	margin: 0!important;
}

.mosimage_caption {
	margin-top: 5px;
	padding: 1px 2px;
}

.sectiontableheader {
	padding: 4px;
	border: 1px solid #E0E0E0;
	background-color: #E0E0E0;
	font-weight: bold;
	line-height: 20px;
}

tr.sectiontableentry1 td {
	padding: 7px 5px;
	background-color: #F8F8F8;
}

tr.sectiontableentry2 td {
	padding: 7px 5px;
	background-color: #F2F2F2;
}

tr.sectiontableentry1:hover td,tr.sectiontableentry2:hover td {
	background-color: #E4E4E4;
}

tr.sectiontableentry1 a:hover, tr.sectiontableentry1 a:active, tr.sectiontableentry1 a:focus,tr.sectiontableentry2 a:hover, tr.sectiontableentry2 a:active, tr.sectiontableentry2 a:focus {
        color: #880000;
	background: none;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,.pollstableborder tr.sectiontableentry2 td {
	background: none;
}