/* style.css */

.TabsContainer .wrap {
    width: 656px;
    position: relative;
    border-right: 1px solid #8bc9f9;
    border-left: 1px solid #8bc9f9;
    border-top: 3px solid #2e91ff;
    border-bottom: 1px solid #8bc9f9;
    position: relative;
}

.TabsContainer .wrap .pane {
    display: none;
}

.TabsContainer .wrap .pane2 {
    display: none;
}

.TabsContainer .wrap .DisplayBlock {
    display: block;
}

.TabsContainer .wrap .pane p,
.TabsContainer .wrap .pane2 p {}

.TabsContainer .tabsContainer {
    background: #E8F5FE;
    display: block;
    height: 35px;
    position: relative;
}

.TabsContainer .tabsContainer .Header {
    position: absolute;
    top: 7px;
    left: 10px;
}

.tabs_position {
    position: absolute;
    top: 0px;
    right: 0px;
}


/* root element for tabs  */

.TabsContainer ul.tabs {
    min-height: 35px;
    background: #e8f5fe;
    float: right;
}

.TabsContainer ul.tabs2 {
    min-height: 25px;
    margin: 15px 0px 0px 20px;
}


/* single tab */

.TabsContainer ul.tabs li {
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0 !important;
    list-style-image: none !important;
}

.TabsContainer ul.tabs2 li {
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0 !important;
    list-style-image: none !important;
    border: 1px;
}


/* link inside the tab. uses a background image */

.TabsContainer ul.tabs a {
    /*background: url(http://www.achieversintlinc.com/images/tabs.png) no-repeat -652px 0;*/
    background: #E8F5FE;
    font-weight: 700;
    font-size: 15px;
    display: block;
    height: 35px;
    line-height: 35px;
    /*width: 111px;*/
    text-align: center;
    text-decoration: none;
    color: #2c90ff;
    padding: 0px 13px;
    margin: 0px;
    position: relative;
    top: 1px;
    border-right: 1px solid #ffffff;
}

.TabsContainer ul.tabs2 a {
    background: #f0f0f0;
    font-weight: 700;
    font-size: 12px;
    display: block;
    height: 25px;
    line-height: 25px;
    /*width: 111px;*/
    text-align: center;
    text-decoration: none;
    color: #898989;
    padding: 0px 10px;
    margin: 0px;
    position: relative;
    top: 1px;
    border-right: 1px solid #ffffff;
}

.TabsContainer ul.tabs a:active,
ul.tabs2 a:active {}


/* when mouse enters the tab move the background image */

.TabsContainer ul.tabs a:hover {
    background: #E8F5FE;
    color: #006EE9;
}

.TabsContainer ul.tabs2 a:hover {
    background: #E8F5FE;
    color: #006EE9;
}


/* active tab uses a class name "current". it's highlight is also done by moving the background image. */

.TabsContainer ul.tabs a.current,
.TabsContainer ul.tabs a.current:hover,
.TabsContainer ul.tabs li.current a {
    background: #ffffff;
    cursor: default !important;
    color: #006EE9 !important;
}

.TabsContainer ul.tabs2 a.current,
.TabsContainer ul.tabs2 a.current:hover,
.TabsContainer ul.tabs2 li.current a {
    background: #006ee9;
    cursor: default !important;
    color: #ffffff !important;
}

.TabsContainer .TabInnerWarp {
    padding: 20px;
}

.MoreBTN_2 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: block;
    vertical-align: bottom;
}

.TabsContainer .tabs2_fake {
    margin: 0 0 10px 10px;
    overflow: hidden;
}

.TabsContainer .tabs2_fake li {
    float: left;
}

.TabsContainer .tabs2_fake li a {
    background: #f0f0f0;
    font-weight: 700;
    font-size: 12px;
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    color: #898989;
    padding: 0px 20px;
    margin: 0px;
    position: relative;
    border-right: 1px solid #ffffff;
}

.TabsContainer .tabs2_fake li a:hover,
.TabsContainer .tabs2_fake li a.current {
    background: #006ee9;
    color: #ffffff !important;
}

.TabsContainer .tabs2_fake li a.current {
    cursor: default !important;
}


/************************************TabsStyle2***************************************/


/* style.css */

.TabsStyle2Container {
    margin-bottom: 20px;
}

.TabsStyle2Container .wrap {
    width: 942px;
    position: relative;
}

.TabsStyle2Container .wrap .pane {
    display: none;
    /*border:1px solid #d0ccc9;
    border-top:0;*/
    /*padding: 15px;*/
    /*margin-bottom: 20px;*/
    /*padding: 2px;	*/
}

.TabsStyle2Container .wrap .pane2 {
    display: none;
}

.TabsStyle2Container .wrap .DisplayBlock {
    display: block;
}

.TabsStyle2Container .wrap .pane p {}


/* root element for tabs  */

.TabsStyle2Container ul.tabs {
    border-bottom: 1px solid #006ee9;
    min-height: 35px;
}

.TabsStyle2Container ul.tabs2 {
    min-height: 35px;
}


/* single tab */

.TabsStyle2Container ul.tabs li {
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0;
    list-style-image: none !important;
}

.TabsStyle2Container ul.tabs2 li {
    float: left;
    text-indent: 0;
    padding: 0;
    margin: 0 !important;
    list-style-image: none !important;
}


/* link inside the tab. uses a background image */

.TabsStyle2Container ul.tabs a {
    background: #efefef;
    /*font-weight: 700;*/
    font-size: 20px;
    display: block;
    height: 35px;
    line-height: 35px;
    /*width: 111px;*/
    text-align: center;
    text-decoration: none;
    color: #898989;
    padding: 0px 33px;
    margin: 0px;
    position: relative;
    top: 0px;
    border-right: 1px solid #ffffff;
}

.TabsStyle2Container ul.tabs2 a {
    border-right: 1px solid #ffffff;
    font-size: 15px;
    font-weight: 700;
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0px 20px;
    text-align: center;
    color: #898989;
    background: #f0f0f0;
}

.TabsStyle2Container ul.tabs a:active {}


/* when mouse enters the tab move the background image */

.TabsStyle2Container ul.tabs a:hover {
    /*background-position: -652px -31px;*/
    background: #f7f7f7;
    color: #006ee9;
}

.TabsStyle2Container ul.tabs2 a:hover {
    /*background-position: -652px -31px;*/
    background: #f7f7f7;
    color: #006ee9;
}


/* active tab uses a class name "current". it's highlight is also done by moving the background image. */

.TabsStyle2Container ul.tabs a.current,
.TabsStyle2Container ul.tabs a.current:hover,
.TabsStyle2Container ul.tabs li.current a {
    /*background-position: -652px -62px;*/
    background: #ffffff;
    cursor: default !important;
    color: #006ee9 !important;
    border-top: 3px solid #006ee9;
    border-left: 1px solid #006ee9;
    border-right: 1px solid #006ee9;
    top: 1px;
}

.TabsStyle2Container ul.tabs2 a.current,
.TabsStyle2Container ul.tabs2 a.current:hover,
.TabsStyle2Container ul.tabs2 li.current a {
    background: #006ee9;
    color: #ffffff !important;
    cursor: default !important;
}

.TabsStyle2Container .List_clear li {
    margin-bottom: 15px;
}

.TabsStyle2Container .List_clear li a {
    padding-left: 25px;
    background: url(../images/ListIcon_002.png) no-repeat;
    display: block;
}

.TabsStyle2Container .TabInnerWarp {
    padding: 30px 0;
}