/*  

Theme Name: EI-AK

Theme URI: http://ei-india.com

Description: Left menu popout based on Aakanksha's design

Version: 0.1

Author: Sujai Kumar 

Author URI: http://ylog.org/sujai

*/



/* ------------------ General Styles -----------------------*/



* {

    top:0;

    left:0;

    border:none;

    padding:0;

    margin:0;

    font-family:Arial, Helvetica,Sans-serif;

    line-height:140%;

    text-decoration:none;

    font-size:9pt;

    color: #000000;

}



ol,ul,li {

    list-style:none;

}



strong, b {

    font-weight:bold;    

}



/* --------------- Page layout and background -----------------*/



body {

    background-image: url(images/mainbg.gif);

    background-repeat: repeat-y;

    background-position: center top;

}



#centering-wrapper {

    border-top: solid #28166F 7px;

    margin:auto;

    width:776px;

}



/* --------------- Column Left -----------------*/



#column-left {

    margin-left:1px;

    width: 230px;

    float: left;

    text-align: left;

}



#logo-container {

    margin-bottom: 10px;

}



#sidebar-top {

    display:block;

    text-align: right;

    background-image: url(images/side-nav-top-bg.gif);

    background-repeat: repeat-x;

    background-position: left top;

}



#sidebar {

    width: 219px;

    padding-left: 10px;

    border-right: 1px solid #28166F;

    /* background: url(images/sidebar-back.png) repeat-y; */

}



#sidebar-bottom {

    text-align: right;

    background-image: url(images/side-nav-bot-bg.gif);

    background-repeat: repeat-x;

    background-position: left bottom;

}



#sidebar ul li {

    width:210px;

    position: relative;

    background-image: url(images/bullet-arrow.gif);

    background-repeat: no-repeat;

    background-position: left top;

    border-bottom: 1px dotted #28166f;

}



#sidebar ul li a {

    padding: 5px 0px 5px 20px;

    vertical-align: top;

    font-size: 11pt;

    font-weight: bold;

    color: #28166f;

    text-decoration: none;

    display: block;

}



#sidebar ul li a:hover, #sidebar ul li a:active {

    color: #e77817;

}



#sidebar ul li ul {

    width: 200px;

    padding:  0px 0px 5px 5px;

    list-style: none;

    border: 1px solid #28166f;

    background-color: #FFFFFF;

}   



#sidebar ul li ul li {

    width: 190px;

    position: relative;

    background-image: url(images/bullet-rusqo.gif);

    background-repeat: no-repeat;

    background-position: left top;

    border-bottom: 1px dotted #28166f;

}   

    

#sidebar ul li ul li a {

    padding: 5px 0px 5px 15px;

    vertical-align: top;

    font-size: 9pt;

    font-weight: bold;

    color: #28166f;

    text-decoration: none;

    display: block;

}   



#sidebar li ul {

    position: absolute;

    left: 210px; /* Set 1px less than menu width */

    top: 2px;

    display: none;

}



/* Hides from IE-mac \*/

* html .clearfix {

    height: 1%;

}

.clearfix {

    display: block;

}

/* End hide from IE-mac */



/* Holly Hack. IE Requirement \ */

* html #nav li { float: left; height: 1%; }

* html ul li a { height: 1%; }

/* End */



#sidebar li:hover ul { display: block; }



#sidebar li.over ul { display: block; } /* The magic */



#phil-head {

    display: block;    

    background-image: url(images/phil-box-top-curve.gif);

    background-position: right top;

    background-repeat: no-repeat;



    text-align: center;

    font-size: 11pt;

    background-color: #28166f;

    font-weight: bold;

    color: #FFFFFF;

    padding:  8px 0px;

    margin-top: 15px;

}



#phil-main {

    display: block;

    border-right:1px solid #28166F;

    padding:8px;

/*    background-image: url(images/phil-box-main-bg.jpg);

    background-repeat: repeat-y;

    background-position: left top;

*/

}



#phil-bottom {

    display: block;    

    background-image: url(images/phil-box-bot-curve.jpg);

    background-repeat: no-repeat;

    background-position: right top;

    margin-bottom: 10px;

}



.banner-space {

    width:228px;

    margin-top:10px;

    border:1px solid #28166F;

    background: #fff;

    text-align: center;

    font-weight:bold;

}



.banner-space img {

    width:228px;

}



.banner-space p a {

    background: #fff;

    text-align: center;

    font-size:12pt;

    color:#28166F;

}



/* --------------- Column Right -----------------*/



#column-right {

    margin:0 0px 0 255px;

}



#topnav-style {

    background-image: url(images/top-nav-side-left.gif);

    background-repeat: no-repeat;

    background-position: left top;

    height: 28px;

}



#drop-down {

    position: relative;

    top:0;

    left:0;

    z-index:4;

}



#drop-down ul {

    display: block;

}



#drop-down a {

    color: #6c7a1f;

}



#drop-down ul ul {

    display: block;

    margin:0;

}



#drop-down ul ul ul {

    top: 0;

}



#drop-down ul li {

    padding: 5px 10px 10px 10px;

    display: block;

    float: left;

    position: relative;

    z-index: 5;

    background-image: url(images/top-nav-divider.gif);

    background-repeat: no-repeat;

    background-position: right top;

    font-weight: bold;

    color: #666666;

    text-decoration: none;

}



#drop-down li ul {

    display: none;

    position: absolute; 

    left:0;

    padding: 0;

    top: 28px;

}



#drop-down li > ul {

    top: auto;

    left: auto;

}



#drop-down ul li ul li {

    margin-left: 0px;

    padding: 5px 10px 10px 10px;

    background: none;

    width:120px;

    display: block;

    float: none;

    clear: both;

    background-color: #dfdfdf;

    border-bottom : 1px solid #ccc;

}



/* Styles for Menu Items */

#drop-down ul li a {

    font-size: 9pt;

    text-decoration: none;

    font-weight: bold;

    color: #666666;

}



#drop-down ul li ul li a {

    font-size: 8pt;

    text-decoration: none;

    font-weight: normal;

    color: #666666;

}



#drop-down ul ul li a {

    display: block;

}



/* Holly Hack. IE Requirement */

* html #drop-down ul li ul li { float: left; width: 120px}

* html #drop-down ul li ul li a { height: 1pt;}

/* End */



#drop-down li:hover > ul { display: block; z-index:5;}

#drop-down li li:hover > ul { display: block; z-index:5;}



#drop-down li.over  ul { display: block; z-index:3;margin-right:50px}

#drop-down li.over  ul ul { display: none; }



#drop-down li li.over2 { }

#drop-down li li.over2 ul { display: block; z-index:5;}



#main-image {

    margin-top:5px;

    display:block;

    height:200px;

    background-image: url(images/orange_back.jpg);

    background-image: url(images/homepage001.jpg);

    background-image: url(images/back_trial02.jpg);

    background-image: url(images/back_trial01.jpg);

    background-image: url(images/bannerimage05.jpg);

    background-image: url(images/image.jpg);

    background-repeat: no-repeat;

    background-position: left top;

}



#main-image p {

    text-align: left;

    color: black;

    font-size: 9pt;

    padding-top: 130px;

    padding-left: 20px;

    width:250px;

}



#column-news {

    width: 310px;

    float: left;

    text-align: left;

}



#column-news h1 {

    font-size: 11pt;

    font-weight: bold;

    color: #000000;

    background-image: url(images/bullet-news-arrow.gif);

    background-repeat: no-repeat;

    background-position: left top;

    padding: 0px 0px 0px 18px;

    margin-top:20px;

    border-bottom: 1px dotted #28166f;  

}



.news-item {

    width: 205px;

    margin-left: 105px;

    margin-top:10px;

}



.news-item h2 {

    height:14pt;

}



.news-item h2 a, a.news-item-more {

    font-weight: bold;

    color: #e77817;

}



#column-news img {

    float: left;

    margin-left: -105px;

    margin-top: -20pt;

    width:  90px;

    height: 90px;

}



#column-news p {

    padding-left:105px;

    text-align: justify;

}



.news-date {

    color: #28166f;

    font-weight: bold;  

}



#column-other-links {

    width: 190px;

    float:right;

}



/* ----------------------- Forms ----------------------- */



.txtFld {

    color:   #333333;

    border:  1px solid #333333;

    height:  15px;

    padding: 0 0 1px 2px;

}



.buttonOrng {

    color: #FFFFFF;

    border: 1px solid #e77a19;

    font-weight: bold;

    background-color: #ff9933;

    margin-left:2px;

}



.clear-float {

    clear:both;

    float:none;

}

.greenColor{

    color: #00BB00;

}

.redColor{

    color: #FF0000;

}



.webdingsFontRight{

    font-family:Webdings;

    color: #00BB00;

    font-size:12pt;

}

.webdingsFontWrong{

    font-family:Webdings;

    color: #FF0000;

    font-size:8pt;

}



input, select, textarea {

    border: 1px solid #ccc;

    padding: 1px;

    margin: 0;

    background:#ffe;

}





form {

    margin-top:5px;

    padding: 5px;

    border: 1px solid #ccc;

}



form h2 {

    margin-top:10px;

    font-size:10pt;

}



form td p { display:inline; }

 

fieldset {

    text-align: left;

    margin-bottom: -5px;

    padding:0;

}



.y, .yooooo,.oyoooo, .ooyooo, .oooyoo, .ooooyo, .oooooy  {

    width: 20px;

    display: block;

    float:left;

}



.x, .xooooo,.oxoooo, .ooxooo, .oooxoo, .ooooxo, .ooooox  {

    width: 80px;

    display: block;

    float:left;

}



.xx, .xxoooo,.oxxooo, .ooxxoo, .oooxxo, .ooooxx {

    width: 160px;

    display: block;

    float:left;

}



.xxx, .xxxooo,.oxxxoo, .ooxxxo, .oooxxx {

    width: 240px;

    display: block;

    float:left;

}



.xxxx, .xxxxoo,.oxxxxo, .ooxxxx {

    width: 320px;

    display: block;

    float:left;

}



.xxxxx, .xxxxxo,.oxxxxx {

    width: 400px;

    display: block;

    float:left;

}



.xxxxxx {

    width: 480px;

    display: block;

    float:left;

}



.asterisk{

    color: #00ffff;

}



.grey-main h1, .blue-main h1 {

    font-size:9pt;

    font-weight:bold;

}



.grey-main form {

    padding: 0;

    border: none;

    margin: 0;

}



.grey-main a, .blue-main a {

    color: #e77817;

    font-weight: bold;

}



.grey-main img {

    vertical-align:middle;

}



.grey-top {

    margin-top:10px;

    background-image: url(images/grey-box-top-bg.gif);

    background-repeat: repeat-x;

    background-position: left top;

}



.grey-main {

    background-image: url(images/grey-box-main-bg.gif);

    background-repeat: repeat-y;

    background-position: left top;

    padding: 0px 10px;

}



.grey-bot {

    background-image: url(images/grey-box-bot-bg.gif);

    background-repeat: repeat-x;

    background-position: left top;

}



.grey-main ul li {

    list-style: square outside;

    margin-left: 1.5em;

    padding-left: .2em;

}



/* ----------------- Post ----------------------- */



.post {

    text-align: justify;

}



.post h1, .post h2, .post h3 {

    text-align: left;

}



.post h1.post-title, .post h1.form-wide-post-title {

    font-size: 11pt;

    font-weight: bold;

    color: #000000;

    background-image: url(images/bullet-news-arrow.gif);

    background-repeat: no-repeat;

    background-position: left top;

    padding: 0px 0px 0px 18px;

    margin-top:20px;

    border-bottom: 1px dotted #28166f;

}



.post h1.form-wide-post-title {

    clear: both;

}



.post h2 {

    margin:.5em 0 .2em 0;

    padding:3px;

    font-size: 10pt;

    font-weight: bold;

    color: #fff;

    background: #28166f;

}



.post h3 {

    font-weight: bold;

    color: #7A3900;

    background: #FFF1E4;

    padding:3px;

}



.entry {

    margin-top:10px;

    margin-right: 10px;

}



.entry .left {

    float:left;

    margin-right: 5px;

}



.entry .right {

    float:right;

    margin-left: 5px;

}



.entry .centre, .entry .center {

    text-align: center;

}



.entry p {

    text-align: justify;

    margin:6pt 0;    

}



.post ul li {

    list-style: square outside;

    padding-left: .5em;

    margin-left: 3em;

}



.post ol li {

    list-style: decimal outside;

    padding-left: .5em;

    margin-left: 3em;

}



.post a, .navigation a {

    color: #e77817;

    font-weight: bold;

}

.post td {

    padding: 2px;

    border:1px solid #ccc;

    text-align: left;

}



.post-date {

    width: 10em;

    float: right;

    margin-top: -5px;

    padding:2px 10px;

    background: #28166f;

    color: white;

    font-weight: bold;

}



.navigation {

    float: none;

    margin-top: 10px;

    margin-right:10px;

    height: 1em;

}



.alignleft {

    float: left;

}



.alignright {

    float: right;

}



/* --------------- Related Links -----------------*/



#right-box h2 {

    padding: 10px 5px 0 5px;;

    background: url(images/blue-box-top-curve-200.png) top left no-repeat;

    color: #28166f;

}



#right-box p {

    margin: 0;

    padding: 0 5px;

    border: 1px solid #28166F;

    border-width: 0 0 0 1px;

}



#right-box {

    margin-left: 5px;

    padding-bottom: 15px;

    float: right;

    width: 195px;

    background: url(images/blue-box-bot-curve-200.png) bottom left no-repeat;

}





/* --------------- Footer -----------------*/



#footer {

    margin-top:20px;

    clear: both;

    text-align: center;

    width: 773px;

    background-color: #DFDFDF;

    border-top: 1px solid #666666;

    padding: 2px;

    color: #444;

}



#footer a {

    color: #444;

    font-weight: bold;

}

#qmc td {
border: none
}