@import url("default.css");
/*
 * LAYOUT.CSS (Design and layout goes here)
 * version: 0.1
 * Date : 18th Dec 2012
 * * */

/*	-------------------------------------------------------------
	Table of Contents
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		 1 Page Setup	
		 2 Header
		 3 Nav
		 4 Content
		 5 Slider
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	*/

body
{
}

@font-face
{
    font-family: "Mulish"; /*src: 	url('../fonts/ZURCHE.ttf');   src: 	url('../fonts/ZURCHN.ttf') format('truetype');   src:	url('../fonts/zurchxc.ttf') format('truetype');   src:	url('../fonts/Zurich BT Bold.ttf') format('truetype');   src:	url('../fonts/tt0300m.ttf') format('truetype');   src:	url('../fonts/tt0296m.ttf') format('truetype');		   src: 	url('../fonts/tt0176m.ttf') format('truetype');	*/
    font-weight: normal;
    font-style: normal;
}



/* * * * * *  html 5 fix  * * * * * */
section, article, header, footer, nav, aside, hgroup, img
{
    display: block;
}

/* * * * * *  1 Page Setup  * * * * * */
#wrap
{
    width: 990px;
    background: #fff;
    padding: 0 0 0 0;
    margin: 0 auto;
    border: #d0cac7 1px solid;
    border-top: none;
    color: #333;
}


/* * * * * *  2 Header  * * * * * */

#header
{
    width: 959px;
    padding: 12px 7px 0 24px;
    background: url(../images/header_bg.gif) repeat-x;
    height: 64px;
    overflow: auto;
}
#header .logo_container
{
    width: 180px;
    float: left;
    padding: 0 0 0 0;
}
#header .top_nav
{
    width: 779px;
    float: right;
    padding: 0 0 0 0;
    text-align: right;
    height: 10px;
}
#header .top_nav .nav
{
    width: 779px;
    display: block;
    margin: 0 0 0 0;
    text-align: right;
}
#header .top_nav ul
{
    padding: 0 0 0 0;
    float: right;
    width: auto;
    font-size: 14px;
    color: #FFF;
    font-weight: normal;
    list-style: none;
}
#header .top_nav ul li
{
    float: left;
    padding: 0 0 0 0;
    list-style: none;
}
#header .top_nav ul li.divider
{
    width: 1px;
    display: inline-block;
    background: #97281e;
    margin: 2px 5px 0 5px;
    height: 14px;
}
#header .top_nav ul li a, #header .top_nav ul li a:hover
{
    font-size: 14px;
    color: #FFF;
    font-weight: normal;
}
#header .top_nav .search
{
    width: 248px;
    float: right;
    display: block;
    margin: 7px 0 0 0;
}
#header .top_nav .search .input_search
{
    background: url(../images/search_left_bg.jpg) no-repeat;
    width: 199px;
    height: 32px;
    padding: 0 10px;
    border: none;
    float: left;
}
#header .top_nav .search .search_submit
{
    background: url(../images/search_submit.jpg) no-repeat;
    border: none;
    width: 29px;
    height: 32px;
    cursor: pointer;
    outline: none;
    color: #fff;
    font-size: 0;
    float: left;
}

/* * * * * *  3 Nav  * * * * * */

#main_nav
{
    height: 32px;
    background: #97281E;
    padding: 0 0 0 0;
    font-size: 12px;
    color: #fff;
    width: 990px;
    border-bottom: 1px solid #d34d41;
}
#main_nav ul li.divider
{
    width: 2px;
    height: 32px;
    padding: 0;
    margin: 0 0;
}
#main_nav ul li.home
{
    padding: 0 0 0 0;
    height: 30px;
}

/* * * * * *  4 Content  * * * * * */
#content
{
    padding: 10px;
    width: 970px;
    margin: 0 auto;
    background: #efefe0;
}
#content .n_top_border
{
    border-top: none;
}
#content .n_bottom_border
{
    border-bottom: none;
}
#content .n_left_border
{
    border-left: none;
}
#content .n_right_border
{
    border-right: none;
}
#content .n_border
{
    border: none;
}
.td_heading
{
    background: #97281e;
    color: #fff;
    font-weight: bold;
}
.star
{
    color: #F00;
}
.td_no_padding
{
    padding: 0 !important;
}
.inner_content
{
    background: #fff;
    padding: 10px;
    display: block;
    overflow: auto;
}
.p_nopadding p
{
    padding: 0 0 0 0 !important;
}
.inner_content a
{
    color: #3e7a9e;
}
.inner_content a:hover
{
    color: #f37021;
}
.inner_content h2
{
    font-size: 14px;
}
.inner_content h4
{
    font-weight: bold;
    padding: 0 0 10px 0;
}
.inner_content h3
{
    font-weight: bold;
    font-size: 13px;
    padding: 0 0 10px 0;
}
.inner_content p
{
    padding: 0 0 10px 0;
    line-height: 16px;
}
.submit_btn
{
    background: #dbd9c9;
    height: 30px;
    color: #21516e;
    font-size: 12px;
    padding: 0 10px 0 10px;
    border: none;
}
.login
{
    padding: 0 !important;
}
.login:hover
{
    background: none !important;
}
.mail
{
    background: url(../images/mail.gif) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
}
.word
{
    background: url(../images/word.gif) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
}
.excel
{
    background: url(../images/excel.gif) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
}
.ppt
{
    background: url(../images/ppt.gif) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
}
.exploer
{
    background: url(../images/exploer.gif) no-repeat;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0;
}
.font_11px
{
    font-size: 11px;
    font-family: "Mulish";
}
.font_10px
{
    font-size: 10px;
    font-family: "Mulish";
}
.inner_content td, .inner_content th
{
    padding: 5px;
}
.inner_content input[type="text"]
{
    background: #f8f8f8;
}
.inner_content textarea
{
    background: #f8f8f8;
    border: 1px solid #e2e0e0;
}
.inner_content table
{
    border-collapse: collapse;
}
#content .festive
{
    width: auto;
    background: #fff;
    padding: 0 5px;
    margin: 0 0 0 0;
}
#content .festive .diwali
{
    background: url(../images/diwali.gif) left no-repeat;
    font-size: 12px;
    color: #990000; /*#f37021;*/
    padding: 12px 0 10px 60px;
    font-weight: bold; /*border:1px solid #f2f1ee;*/
}

.box_container
{
    width: 970px;
    padding: 0;
    margin: 0 0 0;
    overflow: auto;
}
.box_container .col1, .box_container .col2
{
    width: 316px;
    padding: 0 10px 0 0;
    float: left;
}
.box_container .col3
{
    width: 316px;
    padding: 0 0 0 0;
    float: left;
}

.box_container .box, .box_container .box2
{
    width: 970px;
    padding: 0 0 0 0;
    float: left;
    background: #fff;
    margin: 0 0 0 0;
    height: auto;
    overflow: hidden;
}
.box_container .box_margin
{
    margin: 0 10px;
}
.slides_container span
{
    display: block;
}
.box_container .box .title, .box_container .box2 .title
{
    background: url(../images/drag_title.gif) repeat;
    height: 28px;
    padding: 5px 0 0 10px;
    font-size: 1.3em;
    color: #21516e;
    font-weight: bold;
    display: block;
}
.box_container .box2 .title2
{
    background: url(../images/title_bg.gif) repeat-x;
    color: #21516E;
    font-size: 1.3em;
    font-weight: bold;
    padding: 2px 0 0 10px;
    margin: 6px 0 0 0;
    display: block;
}
.box_container .box .desc, .box_container .box2 .desc
{
    padding: 0;
    background: #fff;
}
.box_container .box ul
{
    list-style: none;
    font-size: 13px;
    color: #97281e;
    border: 1px solid #d0cac7;
    height: 195px;
}
.box_container .box2 ul
{
    list-style: none;
    font-size: 13px;
    color: #97281e;
}
.box_container .box2 .widgets
{
    border: 1px solid #d0cac7;
    padding: 0 0 11px 0;
    height: 184px;
}
.box_container .box ul li
{
    list-style: none;
    padding: 10px 10px 10px 33px;
    height: 27px;
    overflow: hidden;
    border-bottom: 1px solid #d1d1bb;
    background: url(../images/box_li_bg.gif) 15px 13px no-repeat;
}
.box_container .box2 ul li
{
    background: url("../images/box_li_bg.gif") no-repeat scroll 15px 9px transparent;
    border-bottom: 1px solid #D1D1BB;
    list-style: none outside none;
    overflow: hidden;
    padding: 7px 10px 5px 33px;
}
.box_container .box ul li.button, .box_container .box2 ul li.button
{
    background: none;
    padding: 10px 0 0 20px;
    border-bottom: none;
    height: 41px;
}
.box_container .box ul li.readmore, .box_container .box2 ul li.readmore
{
    background: url(../images/box_li_bg.gif) right 16px no-repeat;
    padding: 12px 20px 0 0;
    border-bottom: none;
    text-align: right;
    margin: 0 10px 0 0;
}
.box_container .box ul li.readmore2, .box_container .box2 ul li.readmore2
{
    background: url("../images/box_li_bg.gif") no-repeat scroll right 7px transparent;
    border-bottom: medium none;
    height: 13px;
    margin: 0 10px 0 0;
    padding: 3px 16px 0 0;
    text-align: right;
}

.box_container .box ul li.readmore a, .box_container .box2 ul li.readmore2 a, .box_container .box ul li.readmore a:hover, .box_container .box2 ul li.readmore2 a:hover, .box_container .box2 ul li.radmore a, .box_container .box2 ul li.radmore a:hover
{
    color: #21516e !important;
    font-size: 13px;
}
.box_container .box ul li span, .box_container .box2 ul li span
{
    font-size: 11px;
    color: #777;
}
.box_container .box ul li a, .box_container .box ul li a:hover, .box_container .box2 ul li a, .box_container .box2 ul li a
{
    color: #333333;
}

ul.bulets
{
    list-style: none;
    padding: 0 0 0 10px;
}
ul.bulets li
{
    background: url(../images/right.gif) 0 2px no-repeat;
    padding: 0 0 5px 13px;
}

/* * * * * * ***************** 4 LATEST UPDATE *************** * * * * * */

.page_heading
{
    background: url(../images/page_heading_bg.gif) repeat-x;
    margin: 10px 6px 0 0;
    height: 23px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 7px 0 0 10px;
    width: 960px;
}

.toggle_container ul li
{
    background: #fff;
    float: left;
    width: 970px;
    font-family: "Mulish" ,Verdana,Arial;
    font-size: 12px;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #D1D1BB;
}

.toggle_container ul li a
{
    color: #21516e;
    font-size: 12px;
    font-family: "Mulish" ,Verdana,Arial;
}
#back-top
{
    display: block;
    position: fixed;
    bottom: 30px;
    height: 30px;
    float: right;
    margin: 0 0 0 960px;
    font-size: 24px;
    text-align: right;
}

/* * * * * * ***************** 4 LATEST UPDATE *************** * * * * * */


/* * * * * * ***************** START SLIDER HOME PAGE  *************** * * * * * */
#slides
{
    position: relative;
    overflow: hidden;
}
.moving
{
    border: 1px solid #d0cac7;
    display: inline-block;
    position: relative;
}

.slides_container
{
    width: 318px;
    overflow: hidden;
    position: relative;
    display: none;
}

.slides_container div.slide
{
    width: 318px;
    height: 200px;
    display: block;
}

/*
	Next/prev buttons
*/

#slides ul.pagination
{
    position: absolute;
    top: 180px;
    left: 255px;
    z-index: 5;
    width: 100px;
    border: none;
}

#slides .pagination li
{
    float: left;
    margin: 0 1px;
    list-style: none;
    background: none;
    border: 0;
    padding: 0 0 0 0;
}

#slides .pagination li a
{
    display: block;
    width: 12px;
    height: 0;
    padding-top: 12px;
    background-image: url(../images/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

#slides .pagination li.current a
{
    background-position: 0 -12px;
}

/*	Caption */

.caption
{
    z-index: 500;
    position: absolute;
    left: 0;
    height: 53px;
    padding: 5px 20px 0 20px;
    background: #fff;
    width: 318px;
    color: #fff;
    text-shadow: none;
    opacity: 0.4;
    filter: alpha(opacity=50);
}
.caption h3
{
    font-size: 20px;
    font-weight: normal;
    opacity: 0.9 !important;
    color: #000;
}
.caption h3 a, .caption h3 a:hover
{
    color: #000;
    opacity: 0.9 !important;
}

.caption_txt
{
    position: absolute;
    z-index: 9999;
    top: 150px;
    left: 10px;
    color: #fff;
}
.caption_txt h3
{
    font-size: 20px;
    font-weight: normal;
    color: #fff;
}
.caption_txt h3 a, .caption h3 a:hover
{
    color: #fff;
    text-decoration: none;
    font-size: 20px;
}

/* * * * * * ***************** END SLIDER HOME PAGE  *************** * * * * * */

.workplace-content
{
    margin: 0 auto;
    width: 950px;
    line-height: 24px;
}

/* * * * * * ***************** work place  *************** * * * * * */

.work-place-col
{
    width: 950px;
    margin: 0 auto;
    padding: 10px;
    line-height: 20px;
    background: #fff;
}

.show_hide
{
    background: url(../images/plus.gif) 0 13px no-repeat;
    display: inline-block;
    padding: 0 0 0 0;
}
.hide_show
{
    background: url(../images/minus.gif) 0 13px no-repeat;
    display: inline-block;
    padding: 0 0 0 0;
}
a.show_hide, a.hide_show
{
    padding: 10px 0 10px 15px;
    display: inline-block;
    margin: 0 0 0 10px;
}
.description
{
    padding: 10px 15px 0 25px;
    border-top: 1px solid #D1D1BB;
    margin: 0 0 0 0;
    text-align: justify;
    line-height: 18px;
}
.description h1
{
    font-size: 18px;
    font-weight: normal;
}
.description h3
{
    font-size: 14px;
    font-weight: normal;
}
.description p
{
    padding: 0 0 10px 0;
}
.description td, .description th
{
    padding: 10px;
    border: 1px solid #D1D1BB;
}
.description table
{
    margin: 10px 0;
    border-collapse: collapse;
}

.top_multi_usage_url
{
    padding: 0 0;
    text-align: right;
}
.top_multi_usage_url ul
{
    list-style: none;
    float: right;
    width: auto;
    padding: 0;
    margin: 0;
}
.top_multi_usage_url ul li
{
    list-style: none;
    color: #97281E;
    padding: 0 0 0 5px;
    float: left;
}
.top_multi_usage_url ul li a, .right_top_heading ul li a:hover
{
    text-decoration: underline;
    color: #97281E;
}

.right_top_heading, .right_bottom_heading
{
    padding: 5px 0;
    text-align: right;
    overflow: auto;
}
.right_top_heading ul, .right_bottom_heading ul
{
    list-style: none;
    float: right;
    width: auto;
    padding: 0;
    margin: 0;
}
.right_top_heading ul li, .right_bottom_heading ul li
{
    list-style: none;
    color: #21516e;
    padding: 0 0 0 5px;
    float: left;
}
.right_top_heading ul li a, .right_top_heading ul li a:hover, .right_bottom_heading ul li a, .right_bottom_heading ul li a:hover
{
    text-decoration: underline;
    color: #21516e;
}

.left_bottom_heading
{
    padding: 5px 0;
    text-align: left;
    overflow: auto;
}
.left_bottom_heading ul
{
    list-style: none;
    float: left;
    width: auto;
    padding: 0;
    margin: 0;
}
.left_bottom_heading ul li
{
    list-style: none;
    color: #97281E;
    padding: 0 0 0 5px;
    float: left;
}
.left_bottom_heading ul li a, .right_top_heading ul li a:hover
{
    text-decoration: underline;
    color: #f37021;
}

/*=================FAQ======================*/
#faqs .toggle_container
{
    margin: 0 auto;
    overflow: auto;
    padding: 0;
    width: 970px;
}
#faqs .accordion
{
    list-style-type: none;
    padding: 0;
    margin: 0 0 0;
    border-top: none;
    border-left: none;
    font-family: "Mulish";
}
#faqs .accordion ul
{
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    width: 100%;
}
#faqs .accordion li
{
    background: none repeat scroll 0 0 #FFFFFF;
    cursor: pointer;
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    display: block;
    width: 970px;
}
#faqs .accordion li.active > a
{
    background: url('../images/minus.gif') no-repeat center left;
}
#faqs .accordion li ul li.active > a
{
    background: url('../images/minus.gif') no-repeat 15px center;
}
#faqs .accordion li ul li ul li.active > a
{
    background: url('../images/minus.gif') no-repeat 32px center;
}


#faqs .accordion li div
{
    padding: 20px;
    background: #fff;
    display: block;
    clear: both;
    float: left;
    width: 930px;
}
#faqs .accordion a
{
    text-decoration: none;
    border-bottom: 1px solid #D1D1BB;
    font-family: "Mulish";
    font-size: 12px;
    color: #21516e;
    cursor: pointer;
    background: url('../images/plus.gif') no-repeat center left;
    display: block;
    margin: 0 0 0 10px;
    padding: 10px 0 10px 15px;
}
/* Level 2 */
#faqs .accordion li ul li
{
    background: #fff;
    font-size: 12px;
}
#faqs .accordion li ul li a
{
    padding-left: 35px;
    background: url("../images/plus.gif") no-repeat scroll 15px center transparent;
}
#faqs .accordion li ul li ul li a
{
    padding-left: 55px;
    background: url("../images/plus.gif") no-repeat scroll 32px center transparent;
}
#faqs .accordion .question
{
    font-weight: bold;
    font-size: 13px;
    padding: 10px 0 2px 50px;
    width: 880px;
}
#faqs .accordion .answer
{
    padding: 0 0 10px;
    font-size: 12px;
    padding: 2px 0 5px 50px;
    width: 880px;
}
/* * * * * * ***************** HOLIDAY START *************** * * * * * */

.holiday-2011
{
    float: left;
    margin-top: 5px;
    border: 1px solid #fff;
    width: 100%;
    background: #fff;
}
.holiday-image
{
    float: left;
    width: 450px;
}
.bank-holiday
{
    float: left;
    width: 360px;
}
.bank-holiday h1
{
    font-size: 48px;
    color: #ff6633;
    padding-top: 10px;
}
.bank-holiday a
{
    font-size: 14px;
    color: #21516e;
}
.bank-holiday a:hover
{
    font-size: 14px;
    color: #f37021;
    text-decoration: underline;
}
.bank-holiday p
{
    padding-top: 10px;
}
.bank-calander
{
    float: left;
    width: 150px;
    padding-top: 80px;
}
/*.border-top {border-top:1px solid #F37021 !important}*/
/* * * * * * ***************** HOLIDAY END *************** * * * * * */
/* * * * * * ***************** Corporate holiday start *************** * * * * * */
.corporate-holiday
{
    width: 100%;
    margin: 0 auto;
}

.holiday-data
{
    margin: 0 auto;
    width: 100%;
}



/* * * * * * ***************** Corporate holiday start *************** * * * * * */
/* * * * * * ***************** search-result start *************** * * * * * */

.blue
{
    color: #0000FF;
}
.search-links
{
    color: #FF0000;
    text-decoration: underline;
}

/* * * * * * ***************** search-result end *************** * * * * * */
/* * * * * * ***************** Links start *************** * * * * * */

.favourites-links
{
    float: left;
}
.link-add-fav
{
    float: right;
    margin-right: 10px;
}
.link-data a
{
    color: #333;
}
.link-chkbox
{
    text-align: center;
}

/* * * * * * ***************** Links end *************** * * * * * */

/*-------------------------------------forms-START-------------------------------------*/
.form-date
{
    float: left;
    width: 700px;
}
.pdf-icon
{
    float: left;
}
.leave-agreement
{
    float: right;
    margin-right: 150px;
}
/*-------------------------------------forms-END-------------------------------------*/
/*---------------------------------------------SHOW HIDE START------------------------------*/
.Show-Hide
{
    float: right;
    margin-right: 15px;
}
.Show-Hide a
{
    color: #21516E;
}

/*---------------------------------------------SHOW HIDE END------------------------------*/
/*---------------------------------------------NONE BORDER START------------------------------*/

.none-border
{
    border: 0 !important;
    float: left;
}
.none-border td
{
    border: 0 !important;
    float: left;
}

/*---------------------------------------------NONE BORDER END------------------------------*/
.background
{
    background: none !important;
}

/*----------------------------------------NEW TABS----------------------------------*/
.main-tab
{
    width: 950px;
    overflow: auto;
}
.salary-main-tab
{
    width: 950px;
    overflow: auto;
}
.main-tab .left_table
{
    width: 470px;
    float: left;
    padding: 0;
}
.main-tab .right_table
{
    width: 460px;
    float: right;
    padding: 0 10px 0 0;
}

.salary-main-tab .left_table
{
    width: 250px;
    float: left;
    padding: 0;
    margin: 0 0 0 210px;
}
.salary-main-tab .right_table
{
    width: 260px;
    float: right;
    padding: 0 10px 0 0;
    margin: 0 210px 0 0;
}


.main-tab td, .salary-main-tab td
{
    padding: 0 !important;
    border: none !important;
}
.main-tab td.td_details
{
    padding: 0 5px 5px 0 !important;
}
.left-top
{
    background: url(../images/left_top_bg.jpg) bottom no-repeat;
    width: 10px;
    height: 10px !important;
}
.left-bottom
{
    background: url(../images/left_bottom_bg.jpg) no-repeat;
    width: 10px;
    height: 10px;
}
.right-top
{
    background: url(../images/right_top_bg.jpg) 0 29px no-repeat;
    width: 10px;
    height: 10px;
}
.right-bottom
{
    background: url(../images/right_bottom_bg.jpg) no-repeat;
    width: 10px;
    height: 10px;
}
.top-border
{
    /*background:url(../images/top_border.jpg) bottom repeat-x;*/
    border-bottom: 1px solid #000 !important;
    height: 10px;
}
.bottom-border
{
    background: url(../images/bottom_border.jpg) repeat-x;
    height: 10px;
}
.left-border
{
    background: url(../images/left_border.jpg) repeat-y;
    width: 10px;
}
.right-border
{
    background: url(../images/right_border.jpg) top repeat-y;
    width: 10px;
}
.left_tab_bg
{
    background: url(../images/left_tab_bg.jpg) top no-repeat;
    width: 10px;
    height: 29px;
}
.tab_heading
{
    background: url(../images/right_tab_bg.jpg) right no-repeat;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    height: 20px;
    padding: 9px 10px 0 0;
    width: 110px !important;
}
.tab_heading2
{
    background: url(../images/right_tab_bg.jpg) right no-repeat;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    height: 20px;
    padding: 9px 10px 0 0;
    width: 135px !important;
}
td.border_heading
{
    border-bottom: 1px solid #b22b2f !important;
}
.bold-font
{
    font-weight: bold;
}

/*---------------------------------------------LAST LOGIN-------------------------------------------------*/
.last-login
{
    width: 970px;
    border: 1px solid #efefe0;
}
.last-login p
{
    text-align: right;
    color: #333;
    padding: 0 0 5px 0;
    display: block;
}

.table-wrapp table
{
    width: 880px;
    overflow: auto;
}

.assestHeader
{
    width: 400px !important;
    margin: 10px auto;
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
}

.login_main
{
    margin: 0 auto;
}

.Initial {
    display: block;
    padding: 5px 10px;
    float: left;
    background: rgb(231,120,23);
    color: white;
    margin: 10px;
    font-weight: bold;
    border-radius: 15px;
}

.Initial:hover
{
    color: White;
    background: url("../Images/SelectedButton.png") no-repeat right top;
}