@font-face {
    font-family: Yanone Kaffeesatz;
    src: url('../fonts/YanoneKaffeesatz-Regular.eot');
    src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf');
}

@font-face {
    font-family: News Cycle;
    src: url('../fonts/NewsCycle-Regular.eot');
    src: local("News Cycle"), url('../fonts/NewsCycle-Regular.ttf');
}
@font-face {
    font-family: Shabda010;
    src: url('../fonts/Shabd010.eot');
    src: local("Shabda010"), url('../fonts/Shabd010.TTF');
}
@font-face {
    font-family: EKBANG18;
    src: url('../fonts/EKBANG18.eot');
    src: local("EKBANG18"), url('../fonts/EKBANG18.TTF');
}
/*Bangali*/
.bangla{    
    font-family: 'EKBANG18', EKBANG18;
}
html {
    height: 100%;
    background:#005b79 url(../images/reportbg.png) ;
}

* {
    margin: 0;
    padding: 0;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, section {
    display:block;
}

body {
    font: normal .80em arial, sans-serif;
    /*background:#F9F9F9;*/
    color: #444;

}

p {
    padding: 0 0 20px 0;
    line-height: 1.5em;
    color:#333333;
    font-size: 13px;

}

img {
    border: 0;
}
.content h1{
    margin: 0.5em 0 0.5em 0;
    color:#343434;
    font-weight: bold;
    font-family: 'Ultra', sans-serif;
    font-size: 32px;
    line-height: 38px;
    text-transform: uppercase;
    text-shadow: 0 2px white, 0 3px #777;

}

h2, h3, h4, h5, h6 {
    color: #362C20;
    letter-spacing: 0em;
    padding: 0 0 5px 0;
}

h2, h3 {
    font: normal 130% arial, sans-serif;
    margin: 0 0 15px 0;
    padding: 15px 0 5px 0;
    color: #222;
}

h2 {
    font-size: 150%;
    padding: 5px 0 5px 0;
    color: #236141;
}

h3 {
    font-size: 130%;
    padding: 5px 0 0 0;
    color:#330033;
}

h4, h6 {
    color: #009999;
    padding: 0 0 5px 0;
    font: normal 140% 'Yanone kaffeesatz', arial, sans-serif;
}

h5, h6 {
    color: #555;
    font: italic 95% arial, sans-serif;
    letter-spacing: normal;
    padding: 0 0 15px 0;
    font-weight: bold;
}


a, a:hover {
    outline: none;
    text-decoration: underline;
    color: #09D4FF;
}

a:hover {
    text-decoration: none;
}

blockquote {
    margin: 20px 0;
    padding: 10px 20px 0 20px;
    border: 1px solid #E5E5DB;
    background: #FFF;
}

ul {
    margin: 2px 0 22px 17px;
}

ul li {
    list-style-type: circle;
    margin: 0 0 6px 0;
    padding: 0 0 4px 5px;
    line-height: 1.5em;
    font-size: 13px;
}

ol {
    margin: 8px 0 22px 30px;
}

ol li {
    margin: 0 0 11px 0;
    font-size: 13px;
}



.left {
    float: left;
    width: auto;
    margin-right: 10px;
}

.right {
    float: right;
    width: auto;
    margin-left: 10px;
}

.center {
    display: block;
    text-align: center;
    margin: 10px auto;
}

#main,#container, #logo, #site_content, footer {
    margin-left: auto;
    margin-right: auto;
}

#main {
    margin: 0 auto;   
}

header {
    background: url(../images/1block.png) repeat-x #0081ac;
    height: 125px;
    margin: 0 auto;
    width: 1034px;
}

#logo {
    background: none repeat scroll 0 0 transparent;
    color: #888888;
    float: left;
    height: 100px;
    margin: 5px 0 0;
    width: 700px;
}
#logo #image{
    width:180px;
    float:left;
}
#logo #name{
    width:400px;
    float:left;
    margin:0 ;
}
#ganesha{
    float:right;
}

#logo h1, #logo h2 {
    font: normal 320% 'News Cycle', arial, sans-serif;
    border-bottom: 0;
    text-transform: none;
    margin: 0;
}

#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover {
    padding: 20px 0 0 0;
    color: #444;
    text-decoration: none;
}

#logo_text h1 a .logo_colour {
    color:#55dd24;
}

#logo_text a:hover .logo_colour {
    color:#F67400;
}

#logo_text h2 {
    font-size: 140%;
    padding: 0 0 0 0;
    color:#cccccc;
}



#site_content {
    width: 1000px;
    overflow: hidden;
    margin: 0px auto 0 auto;
    padding: 0px 15px 15px 15px;

    border: 1px solid #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
    border: 1px solid #eee;

    background-color:#f9f9f9;

}

#sidebar_container {
    float: right;
    width: 260px;
    margin: 0px 0 0 0;

}

.sidebar {
    float: right;
    width: 230px;
    margin: 5px 0 17px 0;
    padding: 0 15px 5px 13px;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
    border: 1px solid #eee;
    border-radius: 15px 15px 15px 15px;
    -moz-border-radius: 15px 15px 15px 15px;
    -webkit-border: 15px 15px 15px 15px;

}

.sidebar h3 {
    padding: 0 15px 15px 0;
    font: 200% 'Yanone Kaffeesatz', arial, sans-serif;
    text-shadow:  #FFF 1px 1px;
    margin: 0 1px;
    color: #444;

}

.sidebar h3 {
    color: #444;
    font: 300% 'Yanone Kaffeesatz', arial, sans-serif;
    padding: 0 15px 5px 0;
}




.content {
    text-align: left;
    width: 700px;
    margin: 0 0 15px 0;
    float: left;
    font-size: 120%;
    padding: 5px 0 0 0;

}

.content ul {
    margin: 2px 0 22px 0px;
}

.content ul li{
    list-style-type: none;
    background: url(../images/bullet.png) no-repeat;
    margin: 0 0 0 0;
    padding: 0 0 4px 28px;
    line-height: 1.5em;
}

.content ul li ol li{
    background: none;
    list-style-type: decimal;
    padding-left: 5px;

}
.content ul li ul li{
    background: none;
    list-style-type: square;
    padding-left: 5px;

}

/***** Footer *****/

footer {

    font: 100% 'News Cycle', arial, sans-serif;    
    padding: 0;    
    border-top: 3px solid red;
    /*background: #09D4FF;*/    
    margin: 0 auto;
    width: 1034px;


}

footer p {
    line-height: 1.7em;
    padding: 0 0 10px 0;
    color: #FFF;
}

footer a {
    color: #444;
    text-decoration: none;

}

footer a:hover {
    color: #000;
    text-decoration: none;
}
footer .part1{
    height: 200px;
    background-color:#cad6fa;
    padding: 10px 0 10px 0;
    background: -moz-linear-gradient(top, #cad6fa, #1a76dd);
    background: -ms-linear-gradient(top, #cad6fa, #1a76dd);
    background: -o-linear-gradient(top, #cad6fa, #1a76dd);
    background: -webkit-gradient(linear, left top, left bottom, from(#cad6fa), to(#1a76dd));
}
footer .part2{
    height: 30px;
    background: url(../images/footer.png) repeat-x skyblue;    
    padding: 10px 0 10px 0;
    text-align: center;
}
footer ul li{
    list-style: none;
    padding: 0px;
    margin: 0px;

}
#container5{
    clear :left;
    float: left;
    width: 100%;
    overflow: hidden;

}
#container4{
    clear :left;
    float: left;
    width: 100%;
    position: relative;
    right: 20%;

}
#container3{
    clear :left;
    float: left;
    width: 100%;
    position: relative;
    right: 20%;

}
#container2{
    clear :left;
    float: left;
    width: 100%;
    position: relative;
    right: 20%;

}
#container1{
    clear :left;
    float: left;
    width: 100%;
    position: relative;
    right: 20%;

}
#col1{
    float: left;
    width: 16%;
    position: relative;
    left:82%;
    overflow: hidden;
}
#col2{
    float: left;
    width: 16%;
    position: relative;
    left:86%;
    overflow: hidden;
}
#col3{
    float: left;
    width: 16%;
    position: relative;
    left:90%;
    overflow: hidden;
}
#col4{
    float: left;
    width: 16%;
    position: relative;
    left:94%;
    overflow: hidden;
}
#col5{
    float: left;
    width: 16%;
    position: relative;
    left:98%;
    overflow: hidden;
}


/***********************index page css*********************************/
#div1{
    float: left;
    width: 284px;

}
#div2{

    width: 405px;
    margin-left: 295px;


}

#div1profile{
    float: left;
    width: 200px;

}
#div2profile{

    width: 520px;
    margin-left: 210px;


}
#wrapper{

    background-color: #f9f9f9;
    height: auto;

}

.outer_cover{
    width:700px;
    height:535px;
}
.left_box{
    float:left;




}
.right_box{
    float: right;
    width: 265px;
    height: auto;
    background-color:#f9f9f9;
    border: solid 1px #ccc;
    padding: 2px;

}
.main_heading{

    height: auto;
    width: auto;
    border-left: solid 1px  #ccc;
    border-right: solid 1px #ccc ;
    border-top:  solid 1px  #ccc ;
    border-bottom: solid 1px  #ccc ;
    padding: 2px 2px 2px 10px;
    background:#0081ac ;
    text-align: left;



}
.main_heading h4{
    color:#fff;
    font-weight: bold;
}

#rashiphal_info_container{
    width: 640px;
    height:260px;
    border: 1px solid #ccc;
    padding:4px
}



/********************** New Form ******************************/

.new_form {
    width:405px;

    background:#3A83E2 url(../images/form_back4.jpg) no-repeat;
    background-size: 100% 100%;
    padding-top: 5px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border: 4px 4px 4px 4px;
}
.new_form table {
    border: none;
    margin: 10px ;
}
.new_form table tr td {
    border:none;
    font-weight: bold;
    padding: 2px;
    font-size: 12px;
    color:#fff;
}
.new_form input, select, textarea {
    border:1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;;
    -webkit-border: 4px 4px 4px 4px;
}
.new_form input {
    width:180px;
    height: 18px;
}
.new_form select {
    width:180px;
    height: 18px;
}
.new_form textarea {
    width:180px;
}
.new_form .submit, .new_form .reset {

    height:30px;
    width:100px;
    color:#ffffff;
}
.new_form .submit:hover, .new_form .reset:hover {
    background-color:#160598;
}

.new_form button {
    width:180px;
    height:30px;
    cursor:pointer;
    font-weight: bold;
    font-size: 10px;
    background-color:#073265;
    color:#ffffff;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;;
    -webkit-border: 4px 4px 4px 4px;
}
.new_form sup{
    color:#cc0000;
}
/*************************************************************/
.language_chooser{

    text-align:center;
    font-weight: bold;
    height: 30px;


}
.language_chooser span
{
    border:#ccc solid 1px;
    background-color:#0B4188;
    color: #ffffff;
    width:auto;
    height:auto;
    padding: 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border: 5px 5px 5px 5px;
}
.language_chooser input{
    width: 20px;
}
/**********************************************************/
/*******************Life Tree Form***********************/
.lifeTree{
    width: auto;
    height: auto;

}
.lifeTree input{

    width: 30px;
    border:#990000 solid 1px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;;
    -webkit-border: 4px 4px 4px 4px;


}
.lifeTree label{
    font-weight: bold;
    color:#990066;
}
.lifeTree .submit{
    width: 50px;
    cursor:pointer;
    font-weight: bold;
    background-color:#0B4188;
    color:#ffffff;    
}
.lifeTree .submit:hover{
    background-color:#160598;

}


/*******************************************************/
/***************Form2*********************************/
.form2{
    width: auto;
    height: auto;

}
.form2 input{

    width: 30px;
    border:#990000 solid 1px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;;
    -webkit-border: 4px 4px 4px 4px;


}
.form2 select{
    width: 120px;
    border:#990000 solid 1px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;;
    -webkit-border: 4px 4px 4px 4px;

}
.form2 label{
    font-weight: bold;
    color:#990066;
    font-size: 14px;
}
.form2 .submit{
    width: 50px;
    cursor:pointer;
    font-weight: bold;
    background-color:#0B4188;
    color:#ffffff;
}
.form2 .submit:hover{
    background-color:#160598;

}


/*****************************************************/



.justify{
    text-align: justify;
}

.separator {
    width: 100%;
    height: 0;
    border-top: 1px solid #D9D5CF;
    border-bottom: 1px solid #FFF;
    margin: 0 0 20px 0;
}


/* new css for table */
.mytable{
    width:100%;
    margin: 10px 0 30px 0;
    border-color: black;
    border-collapse:collapse;

}

.mytable tr th{

    background: #5385EA url(../images/table_head_back.gif) repeat-x;    
    border-color: #444;
    padding: 1px;
    text-align: center;
    color:#fff;
    font-size: 13px;
}
.mytable tr td{
    /*background-color:#f8f7e0;*/
    background-color:#e3ecfe;
    border-color: #666666;
    padding: 1px;
    text-align: center;
    color:#003300;
    font-size: 13px;

}
.mytable tr td.imp{
    background: #5385EA url(../images/table_head_back.gif) repeat-x;
    color:#fff;
    font-weight: bold;
}
.mytable caption{
    font-size: 16px;
    font-weight: bold;
    color:#a30202;
}
/****** table for jeevan chakra admin****/

.mytable2{
    width:100%;
    margin: 0;
    border-color: black;
    border-collapse:collapse;

}

.mytable2 tr th{

    background: #5385EA url(../images/table_head_back.gif) repeat-x;
    border-color: #444;
    padding: 0px;
    text-align: center;
    color:#fff;
    font-size: 13px;
}
.mytable2 tr td{
    /*background-color:#f8f7e0;*/
    background-color:#e3ecfe;
    border-color: #666666;
    padding: 5px;
    text-align: left;
    color:#003300;
    font-size: 13px;

}
.mytable2 tr td.imp{
    background: #5385EA url(../images/table_head_back.gif) repeat-x;
    color:#fff;
    font-weight: bold;
}
.mytable2 caption{
    font-size: 16px;
    font-weight: bold;
    color:#a30202;
}
.mytable2 td a{
    color: #0033ff;
    text-decoration: none;
}
.mytable2 td a:hover{

    text-decoration: underline;
}

/***************************************menu************************************/
#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu ul li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#menu {
    width: 1035px;
    margin: 0px auto;
    border: 0;
    background-color: #B6DDE7;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
}

#menu:before,
#menu:after {
    content: "";
    display: table;
}

#menu:after {
    clear: both;
}

#menu {
    zoom:1;
}

#menu li {
    float: left;
    border-right: 1px solid #0081ac;
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#menu a {
    float: left;
    padding: 12px 30px;
    color: #0081ac;
    text-transform: uppercase;
   
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#menu li:hover > a {
    color: #fafafa;
}

*html #menu li a:hover { /* IE6 only */
                         color: #fafafa;
}

#menu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 1;
    background: #B6DDE7;
      -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}

#menu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

#menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

#menu ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a {
    padding: 10px;
    width: 130px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

#menu ul a:hover {
    background-color: #0186ba;
    background-image: -moz-linear-gradient(#04acec,  #0186ba);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background-image: -webkit-linear-gradient(#04acec, #0186ba);
    background-image: -o-linear-gradient(#04acec, #0186ba);
    background-image: -ms-linear-gradient(#04acec, #0186ba);
    background-image: linear-gradient(#04acec, #0186ba);
}

#menu ul li:first-child > a {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}

#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}

#menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec;
}

#menu ul ul li:first-child a:hover:after {
    border-right-color: #0299d3;
    border-bottom-color: transparent;
}

#menu ul li:last-child > a {
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

/* Mobile */
#menu-trigger {
    display: none;
}

@media screen and (max-width: 600px) {

    /* nav-wrap */
    #menu-wrap {
        position: relative;

    }

    #menu-wrap * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* menu icon */
    #menu-trigger {
        display: block; /* show menu icon */
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        padding: 0 0 0 35px;
        border: 1px solid #222;
        color: #fafafa;
        font-weight: bold;
        background-color: #111;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -moz-linear-gradient(#444, #111);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -webkit-linear-gradient(#444, #111);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -o-linear-gradient(#444, #111);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -ms-linear-gradient(#444, #111);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#444, #111);
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
        box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
    }

    /* main nav */
    #menu {
        margin: 0; padding: 10px;
        position: absolute;
        top: 40px;
        width: 100%;
        z-index: 1;
        background-color: #444;
        display: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #menu:after {
        content: '';
        position: absolute;
        left: 25px;
        top: -8px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #444;
    }

    #menu ul {
        position: static;
        visibility: visible;
        opacity: 1;
        margin: 0;
        background: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #menu ul ul {
        margin: 0 0 0 20px !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #menu li {
        position: static;
        display: block;
        float: none;
        border: 0;
        margin: 5px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #menu ul li{
        margin-left: 20px;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #menu a{
        display: block;
        float: none;
        padding: 0;
        color: #999;
    }

    #menu a:hover{
        color: #fafafa;
    }

    #menu ul a{
        padding: 0;
        width: auto;
    }

    #menu ul a:hover{
        background: none;
    }

    #menu ul li:first-child a:after,
    #menu ul ul li:first-child a:after {
        border: 0;
    }

}

@media screen and (min-width: 600px) {
    #menu {
        display: block !important;
    }
}

/* iPad */
.no-transition {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    opacity: 1;
    visibility: visible;
    display: none;
}

#menu li:hover > .no-transition {
    display: block;
}
/******************************************************************************/


/*Autocomplete*/
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
	if width will be 100% horizontal scrollbar will apear
	when scroll mode will be used
	*/
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
	it is very important, if line-height not setted or setted
	in relative units scroll will be broken in firefox
	*/
    line-height: 16px;
    overflow: hidden;
}

.ac_loading {
    background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
    background-color: #eee;
}

.ac_over {
    background-color: #0A246A;
    color: white;
}
/**********************************/
.predictions{
    font-size: 14px;
    text-align:justify;
    border: 10px solid #5385EA;
    padding: 10px;
}
.predictions h3{
    color:#bd0000;
    font-family:fantasy;
    font-size: 16px;
}
.info_bar{

    width: 700px;
    height: auto;
    text-align: center;
    background-color: #5385EA;
    color:white;
    padding-top: 5px;

}
.info_bar p{

    color:white;
}
/* css for displaying three main kundalies*/
.kundali_display_box{
    border: 1px solid #CCCCCC;
    height: 480px;
    padding: 5px;
    width: 690px;
}

.kudali_one{
    float: left;
    height: 455px;
    padding-top: 30px;
    width: 430px;

}
.kundali_two, .kundali_three {
    float: right;
    height: 235px;
    width: 250px;
    padding-left: 10px;

}



/*****************************************/

/*** CSS FOR MARRIAGE MATCHING SECTION ***/
/*   marrige Maching Form     */
marriage_maching_cover{
    width:650px;

}
.boy{
    width:325px;
    height: 510px;
    float:left;
    border: 1px solid #ccc;
}
.girl{
    width:325px;
    height: 510px;
    margin-left: 325px;
    border: 1px solid #ccc;


}

.mm_form{
    width:325px;
}
.mm_form table{
    border: none;
    margin: 10px

}
.mm_form table tr td{
    border:none;
    font-weight: bold;
    padding: 2px;
    font-size: 12px;
    color:#044c67;
}
.mm_form input, select, textarea{
    border:1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border: 4px 4px 4px 4px;
}
.mm_form input{
    width:200px;
    height: 20px;
}
.mm_form select{
    width:200px;
    height: 20px;
}
.mm_form textarea{
    width:200px;
}
.mm_form .submit, .mm_form .reset{
    width:100px;
    height:20px;
    cursor:pointer;
    font-weight: bold;
    background-color:#009966;
    color:#ffffff;
}
.mm_form button{
    width:200px;
    height:25px;
    cursor:pointer;
    font-weight: bold;
    background-color:#009966;
    color:#ffffff;
}
.mm_info_bar{

    width: 480px;
    height: 135px;
    text-align: center;
    background-color: #3eacb5;
    padding-top: 5px;
    margin-left:5px;
}
.mm_info_bar p{
    color:#ffffff;
}
.boy_section{
    width:500px;
    float:left;
    padding: 5px 5px 5px 0;
}
.girl_section{
    width:500px;
    border-left: 1px solid #ccc;
    margin-left: 500px;
    padding: 5px 5px 5px 10px;
}
.menu_container{
    height: 25px;

}
.mm_menu{
    background-color:#990000;
    width:1000px;
    height: 25px;
    margin: 0 auto 0;
    overflow: hidden;
    padding: 0 16px 0 16px;


}
.nextW{
    width:150px;
    height:25px;
    cursor:pointer;
    font-weight: bold;
    background-color:#009966;
    margin:0 0 15px 0;
    text-align: center;
}
.nextW a{
    color:#ffffff;
    text-decoration: none;
}



/* ********************** */

.box{
    border: solid #ccc 1px;
    width:auto;
    height:auto;
    padding: 10px 10px 5px 15px;

}
.login{

    width:250px;
    height:160px;
    border: solid #ccc 1px;
    padding: 10px;
    margin: 20px;
    background-color:#f4f9fa;

}
.login  table {
    border: none;
    margin: 10px
}
.login table tr td {
    border:none;
    font-weight: bold;
    padding: 2px;
    font-size: 12px;
    color:#044c67;
}
.login input {
    border:1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;;
    -webkit-border: 4px 4px 4px 4px;
    width:150px;
    height: 20px;
}
.login .submit{

    width:60px;
    text-align: center;
    float: right;
    background-color: lightgray;
    cursor: pointer;
    margin-right: 22px;

}
.mantra{
    margin-left: 20px;
    font-style: italic;
    color:#009981;

}
/********Sidebar box********/
.new_box{
    width: 100%;
    height: auto;
    border: #ccc solid 1px;
    background-color: #f9f9f9;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border: 4px 4px 4px 4px;


}
.new_box h1{
    background:#0081ac  ;
    padding: 2px 10px 2px 10px;
    font-size: 18px;
    font-family: calibri;
    font-weight: bold;
    color: #fff;
    margin: 0 0 5px 0;
    line-height: 25px;
    text-shadow: none;


}
.new_box div, p{
    padding: 5px;
}
.new_box textarea {
    width: 95%;
    height: 80px;
    margin-left: 5px;
}
.new_box ul.links{
    margin-left: 0px;
}
.new_box ul.links li{
    list-style-type: none;
    border-bottom: dotted #ccc 1px;
    margin: 0 10px 0 10px;
}
.new_box ul.links li a:hover{
    color: #0b48d0;

}
.new_box ul.links li a{
    text-decoration: none;
    color: #487df4;
    font-family: calibri;
}


.show_hide{
    color:#0000ff;
    cursor: pointer;
}

/**********Tarot**********/

.tarot_box{

    width:680px;
    height: 470px;
    border: solid #ccc 2px;
    padding: 10px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border: 5px 5px 5px 5px;

}
.tarot_box#result{
    height: 350px;
}
/*.t_left{
width: 150px;
float: left;
margin-top: 70px;
}*/

.t_right{
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.t_right img{
    border: solid 1px #ccc;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border: 5px 5px 5px 5px;
}
.t_right table{
    border: 0px;
    margin: 0 auto 0 auto;

}
.t_right table tr td,.t_right table tr th{
    text-align: center;
    width: 150px;
}
.t_right table tr td{
    color:#8e0878;
}
.t_right img.image_overlap{
    margin-left: -90px;
}
/**************************************/
/* button
---------------------------------------------- */
.button {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
    text-decoration: none;
}
.button:active {
    position: relative;
    top: 1px;
}

.bigrounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}
.medium {
    font-size: 12px;
    padding: .4em 1.5em .42em;
}
.small {
    font-size: 11px;
    padding: .2em 1em .275em;
}

/* color styles
---------------------------------------------- */

/* black */
.black {
    color: #d7d7d7;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top,  #666,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
    background: -moz-linear-gradient(top,  #444,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
    color: #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
    background: -moz-linear-gradient(top,  #000,  #444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top,  #888,  #575757);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
    background: #616161;
    background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
    background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
    color: #afafaf;
    background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
    background: -moz-linear-gradient(top,  #575757,  #888);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top,  #fff,  #ededed);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
    color: #999;
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
    background: -moz-linear-gradient(top,  #ededed,  #fff);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
    background: #f47c20;
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
    color: #faddde;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
    background: #b61318;
    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
    background: -moz-linear-gradient(top,  #c9151b,  #a11115);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
    color: #de898c;
    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
    background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
    background: #007ead;
    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
    color: #80bed6;
    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.rosy {
    color: #fae7e9;
    border: solid 1px #b73948;
    background: #da5867;
    background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
    background: -moz-linear-gradient(top,  #f16c7c,  #bf404f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}
.rosy:hover {
    background: #ba4b58;
    background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
    background: -moz-linear-gradient(top,  #cf5d6a,  #a53845);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
}
.rosy:active {
    color: #dca4ab;
    background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
    background: -moz-linear-gradient(top,  #bf404f,  #f16c7c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
}

/* green */
.green {
    color: #e8f0de;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
    background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
    color: #a9c08c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* pink */
.pink {
    color: #feeef5;
    border: solid 1px #d2729e;
    background: #f895c2;
    background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
    background: -moz-linear-gradient(top,  #feb1d3,  #f171ab);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}
.pink:hover {
    background: #d57ea5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
    background: -moz-linear-gradient(top,  #f4aacb,  #e86ca4);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
}
.pink:active {
    color: #f3c3d9;
    background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
    background: -moz-linear-gradient(top,  #f171ab,  #feb1d3);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
}
/***********sliding images css****************/
/* rotator in-page placement */
div.rotator {
    position:relative;
    height:165px;
    margin-left: 0px;
    display: none;

}
/* rotator css */
div.rotator ul li {
    float:left;
    position:absolute;
    list-style: none;
    background: none;
    margin-left: -20px;
    margin-top: -18px;

}
/* rotator image style */
div.rotator ul li img {
    border:1px solid #ccc;
    padding: 0px;
    background: #FFF;
}
div.rotator ul li.show {
    z-index:0;
    margin-left: -20px;
    margin-top: -18px;

}

/**********css for products boxes**********/
#pro_image {
    width:215px;
    height:auto;
    margin: 5px;
    float:left;

    font-size: 12px;
    /*background: yellow; */
}
#pro_text{
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    width: 415px;
    float:right;
    /*background: gray; */


}
.lang{
    color:red;
    font-weight:bold;
}

.price{

    color: green;
    font-weight: bold;
}
.name {
    color:blue;
    font-weight: bold;
    font-size:120%;


}
.name a{
    color: blue;
    text-decoration: none;

}
/********************************/
.order_table{

    width: 100%;
    border: 1px;
    border-collapse: collapse;

}
.order_table tr th, .order_table tr td{
    padding: 5px;
}
.order_table tr th{

    font-size: 16px;
    font-weight: bold;
    text-align: center;

}
.order_table tr td{
    text-align: center;

}
/****************Navigator*****************/

.navigator{

    background-color: #f9f9f9;
    margin-top: 5px;
    border: solid #ccc 1px;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border: 4px 4px 4px 4px;

}
.navigator ul{
    margin: 0px;

}
.navigator ul li{
    list-style-type: none;
    border-bottom: dotted #ccc 1px;
    margin: 0 5px 0 5px;
    background: url(../images/nav_arrow.png) no-repeat;
    padding-left:  25px;
}
.navigator ul li a{
    text-decoration: none;
    color: #1858fe;
    font-family: calibri;
}
.navigator ul li a:hover{
    color: #0321fb;
    font-weight: bold;
    font-size: 14px;
    font-family: calibri;


}
.navigator ul li:hover{
    background: url(../images/nav_arrow_hover.png) no-repeat;

}

.navigator .first_in_sub{
    border-top: dotted #ccc 1px;
}
.navigator .category{
    background:#5995E6 url(../images/glossyback2.gif) repeat-x ;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
    color: #fff;


}
.navigator .category:hover{
    background:#5995E6 url(../images/glossyback2.gif) repeat-x ;

}
.lkPred p, .lkPred li{
    font-size: 14px;
}
.lkPred h3, .lkPred h4{
    font-size: 18px;
}
.smallRightBox{
    width: 305px;
    padding: 5px 10px 5px 10px;
    margin:10px;
    border: 1px solid #dcdcdc;
    float: left;
    -moz-border-radius: 5px;
    -webkit-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;

}
.smallRightBox h3{

    font-size: 16px;
    padding: 5px;
    margin: 0px;
    border-bottom: 1px solid #dcdcdc;
}
.clear {clear: both;}

/******** Table with green th type 3********/
small {font-size: 11px; color: 5b5b5b;}
#mytable3 table {border:none;font-size: 12px;}
#mytable3td{border:none; padding: 5px;}

#mytable3 table.data {border: 1px solid #dcdcdc; margin: 10px 0px 20px 0px; width: 97%; border-collapse: collapse;font-size: 12px;}
#mytable3 th.data {padding: 8px 4px 8px 4px;border: 1px solid #dcdcdc; background: url(../images/jc/green.jpg)repeat left center;text-shadow: 1px 0px #003362;color: #fff }
#mytable3 td.data {padding: 4px; border: 1px solid #dcdcdc;color: #5b5b5b;vertical-align: top;}
#mytable3 tr.data {background: #fff}
#mytable3 tr.data:hover {background: #feffdc;}
#mytable3 tr.data small a{color: #fff;}
#mytable3 tr.data small{color: #fff;}
#mytable3 tr.data:hover small a{color: #527e19;}
#mytable3 tr.data:hover small a:hover{color: #000;}
#mytable3 tr.data:hover small {color: #5b5b5b;}


.quoteOfDay {
    border: 1px solid #cbe0b5;
    background: #f7ffe8 url(../images/jc/daun.png) no-repeat left center;

    width: 618px;
    padding: 10px 10px 10px 70px;
    min-height: 50px;
    font-size: 20px;
    letter-spacing: 1px;
    margin: 10px 0 10px 0;
}
.success {
    border: 1px solid #cbe0b5;
    background: #f7ffe8 url(../images/jc/success.png) no-repeat left center;

    width: 640px;
    padding: 15px 10px 15px 50px;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 10px 0 10px 0;
    color: #339900;
}
.failure {
    border: 1px solid #e78686;
    background: #ffe1e1 url(../images/jc/failure.png) no-repeat left center;

    width: 640px;
    padding: 15px 10px 15px 50px;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 10px 0 10px 0;
    color: #e78686;
}
.information {
    border: 1px solid #86afe7;
    background: #e7f1ff url(../images/jc/information.png) no-repeat left center;

    width: 640px;
    padding: 15px 10px 15px 50px;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 10px 0 10px 0;
    color: #86afe7;
}

.shortcutHome a{
    width: 65px;
    padding: 20px;
    border: 1px solid #dcdcdc;
    height: 100px;
    text-decoration: none;
    font-size: 12px;
    color: #527e19;
    float: left;
    margin: 10px 0 10px 10px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.shortcutHome a:hover{
    color: #5b5b5b;
    text-decoration: none;
}
.shortcutHome a:hover img{
    opacity: 1;
    color: #5b5b5b;
    padding-top: 10px;
}
.shortcutHome img {
    opacity: 0.8;
    -webkit-transition: padding-top 250ms ease-out;
    -moz-transition: padding-top 250ms ease-out;
    -o-transition: padding-top 250ms ease-out;
}

#smallHeading h3 {font-size: 20px; font-weight: normal; padding: 0; margin: 5px; border-bottom: 1px dashed #dcdcdc; }
.delete_button{

    background: url(../images/jc/delete.png) no-repeat;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
/*******************user info bar**********/
#user_info_bar{

    width: 1000px;
    height: 20px;
    margin:  0px auto;
    /*background-color: #edecec;*/
    background-color:#0081ac;
    padding: 2px 16px 2px 16px;
    /* gradient */
  


}

/**** error msg box**********/
.error{
    color: #c60312 ;
    background-color: #fad2d5;
    border: solid 1px #fe4755;
    padding: 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border: 4px ;


}
.shadow-box{    
    height: auto;
    border: solid #ccc 2px;
    padding: 10px;
    -moz-border-radius: 10px;
    -webkit-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;  

}
.center-text{
    text-align: center;
}
.submit_as_link{
    background-color: transparent;    
    border: none;    
    cursor: pointer;    
}
.submit_as_link:hover{
    color: blue;
    text-decoration: underline;
}
/**** displaying models ****/
ul.model_box{
    list-style: none  outside none;
}
ul.model_box li{
    display: block;
    float:left;
    height: 100px;
    width: 100px;
    background: none;
    margin: 0px;
    padding: 0px;    
}
ul.model_box li form{
    text-align: center;
}
ul.model_box li input{
    text-align: center;
}
ul.model_box li h6{
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000;
}
ul.model_box li p{
    text-align: center;
    padding: 0px;
    margin: 0px;
    color: #ab0303;
    font-size: 11px;
}


/**** ******* ****/
/*****Contact form****/
.contact-form{
    width: 318px;
    padding: 5px;
    font-family: arial;
    border: 1px solid #ccc;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #c1d2f5;    
}
.contact-form-heading{
    font-size: 18px;
    font-weight: bold;
    text-align: center;

}
.contact-form label{
    display: block;
    width: 95%;
    padding: 3px;
}
.contact-form input, .contact-form textarea{
    display: block;
    width: 95%;
    padding: 2px;
    display: block;

}
.contact-form input{
    height: 20px;
}
.contact-form input[type="submit"]{
    width: 100px;
    margin: 20px auto;
    color: #fff;
    font-weight: bold;
    height: 30px;

}
.contact-form div{
    margin: 2px 0;
}
.requared-field{
    color: #cc0000;
}