.menu
{
    background: transparent url(../img/menu-bottom.gif) no-repeat bottom left;
    float: left; /* 198px */
    width: 100%;
    padding-bottom: 6px;
}
.menu h3
{
    background: transparent url(../img/menu-top.gif) no-repeat top left;
    float: left;
    width: 100%;
    height: 27px;
    margin: 0;
    padding: 0;
}
.menu h3 div
{
    font-family: Arial;
    font-size: 12px;
    color: #fff;
    padding-left: 35px;
    line-height: 22px;
    text-transform: uppercase;
}
.menu .container
{
    background: transparent url(../img/menu-bg.gif) repeat-y 3px 0px;
    float: left;
    width: 190px;
    padding: 2px 3px 12px 3px;
    border-left: solid 1px #036bb2;
    border-right: solid 1px #036bb2;
}
.menu .item
{
    float: left;
    width: 100%;
}
.menu ul.left,
.menu ul.left ul
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.menu ul.left li,
.menu ul.left li ul li
{
    background: transparent url(../img/menu-bullet.gif) no-repeat 5px 8px;
    list-style-type: none;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    padding-top: 2px;
    font-size: 12px;
    font-weight: bold;
}
.menu ul.left li div
{
    background: transparent url(../img/menu-item.gif) no-repeat bottom left;
    float: left;
    width: 170px;
    line-height: 17px;
    padding-left: 20px;
    padding-bottom: 2px;
}
.menu ul.left li ul li
{
    /*background: transparent url(../img/menu-sub-bullet.gif) no-repeat 20px 8px;*/
    background: none;
    font-size: 11px;
    font-weight: normal;
    position: relative;
}
.menu ul.left li ul li .bullet
{
    position: absolute;
    top: 8px;
    left: 20px;
}
.menu ul.left li ul li div
{
    background: none;
    width: 155px;
    padding-left: 35px;
}
.menu ul.left li ul li ul
{
    display: none;
}
.menu ul.left li ul li ul.active
{
    display: block;
}
.menu ul.left li ul li.active ul
{
    display: block;
}
.menu ul.left li ul li ul li
{
    /*background: transparent url(../img/menu-sub-sub-bullet.gif) no-repeat 40px 8px;*/
    background: none;
    font-size: 11px;
    font-weight: normal;
}
.menu ul.left li ul li ul li .bullet
{
    left: 40px;
}
.menu ul.left li ul li ul li div
{
    width: 138px;
    padding-left: 52px;
}
.menu .left a,
.menu .left a:hover
{
    color: #fff;
}
.menu .left a.active,
.menu .left a.active:hover
{
    color: #61fd8a;
}
.menu ul.left .pointer
{
    cursor: pointer;
}
/* Learning */
.menu.learning
{
    background: transparent url(../img/learning.gif) no-repeat bottom right;
    padding-bottom: 2px;
}
.menu.learning h3
{
    background: transparent url(../img/learning.gif) no-repeat top left;
    float: left;
    width: 100%;
    height: 38px;
    margin: 0;
    padding: 0;
}
.menu.learning h3 div
{
    font-family: Arial;
    font-size: 12px;
    color: #066db0;
    padding-left: 60px;
    line-height: 33px;
    text-transform: uppercase;
}
.menu.learning .container
{
    background: #fff;
    float: left;
    width: 190px;
    padding: 2px 3px 12px 3px;
    border-left: solid 1px #036bb2;
    border-right: solid 1px #036bb2;
}
.menu.learning .item
{
    
}
.menu.learning .filetree .folder,
.menu.learning .filetree .folder a,
.menu.learning .filetree .folder a:hover
{
    font-weight: bold;
    color: #056db6;
}
.menu.learning .filetree .folder.hover,
.menu.learning .filetree .folder.hover a,
.menu.learning .filetree .folder.hover a:hover
{
    color: #ff0000;
}
.menu.learning .filetree .file,
.menu.learning .filetree .file a,
.menu.learning .filetree .file a:hover
{
    color: #000;
}
.menu.learning .filetree .file.hover,
.menu.learning .filetree .file.hover a,
.menu.learning .filetree .file.hover a:hover
{
    color: #ff0000;
}
/* Adv */
.adv
{
    float: left;
    width: 100%;
    padding-top: 5px;
    overflow: hidden;
    
}
.adv div
{
    padding: 1px 2px;
}
/* Page title */
.page-title
{
    background: transparent url(../img/page-title-line.gif) no-repeat bottom left;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.page-title div
{
    background: transparent url(../img/page-title-bullet.gif) no-repeat 0px 9px;
    float: left;
    padding-left: 12px;
    line-height: 22px;
    font-weight: bold;
    color: #046fb7;
}
.page-title a
{
    color: #046fb7;
}
.page-title a:hover
{
    color: #fc7e10;
    text-decoration: none;
}

/* Modules */

.module
{    
    float: left;
    _float: none;
    width: 100%;
    padding-top: 2px;
    margin-bottom: 5px;
}
.module .container
{
    float: left;
    width: 100%;
    padding-bottom: 2px;
}
.module .container .content
{
    float: left;
    border-left: solid 1px #2c8fd3;
    border-right: solid 1px #2c8fd3;
}
/* Module title */
.module .container .content .title
{
    background: transparent url(../img/module-title.gif) no-repeat top left;
    float: left;
    width: 100%;
    height: 17px;
}
.module .container .content .title div
{
    background: transparent url(../img/module-title.gif) no-repeat bottom right;
    line-height: 17px;
    padding-left: 35px;
    font-weight: bold;
    color: #fefefc;
}
.module .container .content .title a,
.module .container .content .title a:hover
{
    color: #fefefc;
}
.module .container .content .options
{
    float: right;
    padding-right: 3px;
}
.module .container .content .options ul,
.module .container .content .options ul li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    line-height: 20px;
    margin-left: 4px;
}
.module .container .content .options ul li.blank
{
    background: transparent url(../img/button-blank-blue.gif) no-repeat 0px 3px;
    width: 11px;
}
.module .container .content .options ul li.blank.active
{
    background: transparent url(../img/button-blank-blue-active.gif) no-repeat 0px 3px;
}
.module .container .content .options ul li img
{
    *margin-top: 3px;
}
/* Small module width = 174px */
.module.small
{
    background: transparent url(../img/module-corner-small.gif) no-repeat top left;
}
.module.small .container
{
    background: transparent url(../img/module-corner-small.gif) no-repeat bottom right;
}
.module.small .container .content
{
    width: 170px;
    padding: 0px 1px;
}
/* Inline module width = 198px */
.module.inline
{
    background: transparent url(../img/module-corner-inline.gif) no-repeat top left;
}
.module.inline .container
{
    background: transparent url(../img/module-corner-inline.gif) no-repeat bottom right;
}
.module.inline .container .content
{
    width: 194px;
    padding: 0px 1px;
}
/* Medium module width = 216px */
.module.medium
{
    background: transparent url(../img/module-corner-medium.gif) no-repeat top left;
}
.module.medium .container
{
    background: transparent url(../img/module-corner-medium.gif) no-repeat bottom right;
}
.module.medium .container .content
{
    width: 212px;
    padding: 0px 1px;
}
/* Large module width = 400px */
.module.large
{
    background: transparent url(../img/module-corner-large.gif) no-repeat top left;
    float: left;
    padding-top: 1px;
}
.module.large .container
{
    background: transparent url(../img/module-corner-large.gif) no-repeat bottom right;
}
.module.large .container .content
{
    width: 390px; /* 390px + 1px*2 (border) + 4px*2 (padding) = 400px */
    padding: 0px 4px;
}
.module.large .container .content .title
{
    background: #fff url(../img/module-title.gif) no-repeat center right;
    float: left;
    width: auto;
    height: 20px;
}
.module.large .container .content .title div
{
    background: none;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 35px;
    font-weight: bold;
    color: #086eb6;
}
.module.large .container .content .title a,
.module.large .container .content .title a:hover
{
    color: #086eb6;
}
/* Large blue module */
.module.large.blue
{
    background: transparent url(../img/module-corner-large-blue.gif) no-repeat top left;
}
.module.large.blue .container
{
    background: transparent url(../img/module-corner-large-blue.gif) no-repeat bottom right;
}
.module.large.blue .container .content .title
{
    background: #fff url(../img/module-title-blue.gif) no-repeat center right;
    float: left;
    width: auto;
    height: 20px;
}
/* Wide module width = 614px */
.wide
{
    background: transparent url(../img/module-corner-wide.gif) no-repeat top left;
    float: left;
    padding-top: 1px;
}
.wide .container
{
    background: transparent url(../img/module-corner-wide.gif) no-repeat bottom right;
}
.wide .container .content
{
    width: 600px; /* 600px + 1px*2 (border) + 6px*2 (padding) = 614px */
    padding: 0px 6px;
}
.wide .container .content .title
{
    background: #fff url(../img/module-title.gif) no-repeat center right;
    float: left;
    width: auto;
    height: 20px;
}
.wide .container .content .title div
{
    background: none;
    line-height: 20px;
    padding-left: 0px;
    padding-right: 35px;
    font-weight: bold;
    color: #086eb6;
}
.wide .container .content .title a,
.wide .container .content .title a:hover
{
    color: #086eb6;
}

/* Catalog */
.smenu
{
    float: left;
    width: 100%;
}
.smenu ul
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    padding: 5px 0px;
}
.smenu ul li
{
    background: transparent url(../img/smenu-bullet.gif) no-repeat 12px 8px;
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;    
    font-weight: bold;
}
.smenu ul li ul li
{
    background: transparent url(../img/smenu-sub-bullet.gif) no-repeat 35px 8px;
    font-weight: normal;
}
.smenu ul li div
{
    padding-left: 35px;
    line-height: 22px;
}
.smenu ul li ul li div
{
    padding-left: 50px;
}
.smenu ul li ul li a,
.smenu ul li ul li a:hover
{
    color: #026db3;
}
.smenu ul li a,
.smenu ul li a:hover
{
    color: #026db3;
}
/* Member login */
.login-box
{
    background: transparent url(../img/member-login.gif) no-repeat 2px 5px;
    float: left;
    width: 100%;
    padding-top: 25px;
}
.login-box .login-box-container
{
    padding: 5px 12px;
}
.login-box a,
.login-box a:hover
{
    color: #026db3;
}
.login-box .input-text
{
    width: 122px;
	height: 15px;
	margin: 0;
	background-color: #fff;
	padding: 2px 2px 0px 2px;
	border: solid 1px #7e9eb7;
}
.login-box .input-text:focus
{
    background-color: #f5f5f5;
}
.login-box .input-button
{
	color:#0368ae;
	padding: 1px 3px;
	background-color: #f1f2ed;
	border: solid 1px #003c73;
	margin: 3px 0px;
	*padding: 1px 0px;
}
/* News letter */
.nwslt
{
    background: transparent url(../img/news-letter.gif) no-repeat 12px 5px;
    float: left;
    width: 100%;
    padding-top: 25px;
}
.nwslt h5
{
    margin: 0;
    padding: 0;
    padding-left: 12px;
    font-weight: normal;
    line-height: 14px;
}
.nwslt input
{
    margin: 0;
    margin-top: 3px;
    margin-left: 12px;
    width: 150px;
	height: 15px;
	background-color: #fff;
	padding: 2px 2px 0px 2px;
	border: solid 1px #7e9eb7;
}
.nwslt .go
{
    background: transparent url(../img/news-letter-go.gif) no-repeat center right;
    font-weight: bold;
    color: #4c4c4c;
    line-height: 16px;
    margin-top: 2px;
    padding-right: 20px;
    text-align: right;
}
.nwslt .go a,
.nwslt .go a:hover
{
    color: #4c4c4c;
}
/* Online support */
.online-support
{
    background: transparent url(../img/online-support.gif) no-repeat 8px 2px;
    float: left;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 10px;
}
.online-support .yahoo
{
    background: transparent url(../img/icon-yahoo-small.gif) no-repeat 24px 2px;
    float: left;
    width: 100%;
    padding-top: 10px;
}
.online-support .skype
{
    background: transparent url(../img/icon-skype-small.gif) no-repeat 18px 0px;
    float: left;
    width: 100%;
    padding-top: 10px;
}
.online-support .yahoo div,
.online-support .skype div
{
    padding-left: 62px;
}
.online-support a,
.online-support a:hover
{
    color: #232323;
    text-decoration: underline;
}
/* Home content */
.home-content
{
    float: left;
    width: 100%; /* 620px */
    *margin-bottom: 5px;
    _margin-bottom: 0px;
}
.home-content .left
{
    float: left;
    width: 400px;
}
.home-content .right
{
    float: right;
    width: 216px;
}
/* Category top */
.category-top
{
    background-color: #f7f7f7;
    float: left;
    width: 602px; /* 602px + 5px*2(padding) + 1px*2(border) = 614px */
    margin-bottom: 10px;
    padding: 5px;
    border: dashed 1px #096fb9;
}
.category-top .items
{
    float: right;
    width: 294px;
}
.category-top .items ul
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.category-top .items ul li
{
    background: transparent url(../img/category-top-items-bg.gif) repeat-x bottom left;
    float: left;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-bottom: 2px;
}
.category-top .items ul li.active
{
    background-color: #ecf1f5;
}
.category-top .items ul li div
{
    line-height: 28px;
    padding: 0px 3px 0px 6px;
}
.category-top .items ul li a,
.category-top .items ul li a:hover
{
    color: #1375bc;
}
.category-top .items ul li.active a,
.category-top .items ul li.active a:hover
{
    color: #010000;
}
.category-top .item
{
    display: none;
}
.category-top .display
{
    display: block;
}
.category-top .item img
{
    float: left;
    width: 300px;
    height: 200px;
    margin-bottom: 5px;
    border: solid 1px #8dbfe2;
}
.category-top .item h4
{
    float: left;
    width: 100%;
}
.category-top .item h4,
.category-top .item h4 a,
.category-top .item h4 a:hover
{
    color: #1075bb;
}
.category-top .item .summary
{
    float: left;
    width: 100%;
    color: #272727;
}
/* Category grid */
.category-grid
{
    float: left;
    width: 100%;
}
.category-grid .item
{
    float: left;
    width: 50%;
    border-top: 1px dashed #d0e3f1;
}
.category-grid .top
{
    border-top: none;
}
.category-grid .item .item-container
{
    _margin: 8px 0px;
    padding: 8px;
    _padding: 0px 8px;
    border-left: 1px dashed #d0e3f1;
    display: table;
    *height: 1%;
    *display: block;
}
.category-grid .item .first
{
    border-left: none;
    padding-left: 0px;
}
.category-grid .item .item-container img
{
    float: left;
    width: 120px;
    height: 80px;
    margin-right: 8px;
    border: solid 1px #bababa;
}
.category-grid .item .item-container h4
{
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 14px;
}
.category-grid .item .item-container h4,
.category-grid .item .item-container h4 a,
.category-grid .item .item-container h4 a:hover
{
    color: #1373bf;
}
/* Home gallery */
.home-gallery
{
    float: left;
    width: 608px;    
    padding: 5px;
    border: solid 1px #2e8fd4;
    margin-bottom: 5px;
}
.home-gallery .container
{
    float: left;
    width: 300px;
    padding: 3px;
    border: solid 1px #f97c08;
}
.home-gallery .galleryview
{
    display: none;
}
.home-gallery .galleryview .panel img
{
    width: 300px;
    height: 200px;
}
.home-gallery h4
{
    margin: 0;
    padding: 4px 0px;    
    line-height: 12px;
    font-size: 12px;
    text-align: justify;
}
.home-gallery h4,
.home-gallery h4 a,
.home-gallery h4 a:hover
{
    /*color: #fff;*/
    color: #026db3;
}
.home-gallery .summary
{
    padding: 2px 0px;
    line-height: 12px;
    text-align: justify;
    color: #353736;
    /*color: #fff;*/
}
.home-gallery ul
{
    float: left;
    width: 300px;
    margin: 0;
    padding: 0;
}
.home-gallery ul li
{
    background: transparent url(../img/home-bullet.gif) no-repeat 15px 8px;
    float: left;
    width: 100%;
    line-height: 20px;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    list-style-type: none;
}
.home-gallery ul li.active
{
    
}
.home-gallery ul li div
{
    padding-left: 30px;
    line-height: 20px;
}
.home-gallery ul li,
.home-gallery ul li a,
.home-gallery ul li a:hover
{
    color: #046cb5;
}
.home-gallery ul li.active,
.home-gallery ul li.active a,
.home-gallery ul li.active a:hover
{
    color: #f87f0a;
}
/* Home category */
.home-categories
{
    float: left;
    width: 100%; /* 390px */
}
.home-category
{
    float: left;
    width: 100%; /* 390px */
    display: none;
}
.home-category.active
{
    display: block;
}
.home-category .box
{
    float: left;
    width: 186px;
    border-right: solid 1px #bddaea;
}
.home-category .box img
{
    float: left;
    width: 180px;
    height: 120px;
    margin: 4px 0px;
    border: solid 1px #2881c3;
}
.home-category .box h3
{
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}
.home-category .box h3,
.home-category .box h3 a,
.home-category .box h3 a:hover
{
    color: #026db5;
}
.home-category .box .summary
{

}
.home-category .items
{
    float: left;
    width: 203px;
}
.home-category .items .item
{
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: dashed 1px #bbdbf0;
}
.home-category .items .last
{
    border-bottom: none;
}
.home-category .items .item img
{
    float: right;
    width: 66px;
    height: 44px;
    margin: 5px 0px 5px 5px;
}
.home-category .items .item h4
{
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}
.home-category .items .item h4,
.home-category .items .item h4 a,
.home-category .items .item h4 a:hover
{
    color: #171717;
}
/* popular-news */
.popular-news
{
    float: left;
    width: 100%;
    padding-top: 5px;
}
.popular-news ul,
.popular-news ul li
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.popular-news ul li
{
    background: transparent url(../img/popular-news-bullet.gif) no-repeat 5px 6px;
}
.popular-news ul li div
{
    padding: 0px 5px 0px 18px;
}
.popular-news ul li a,
.popular-news ul li a:hover
{
    color: #026db1;
}
.popular-news .detail
{
    background: transparent url(../img/popular-news-detail.gif) no-repeat center left;
    float: right;
    padding: 0px 5px 0px 18px;
}
.popular-news .detail a,
.popular-news .detail a:hover
{
    color: #f88010;
}
/* Home images slide */
.home-img-slide
{
	float: left;
	width: 100%;
}
.home-img-slide .items
{
	float: left;
	width: 100%; /* 390px */	
	display: none;
}
.home-img-slide .items.active
{
    display: block;
}
.home-img-slide .item
{
	float: left;
	width: 120px;
	padding: 3px 5px;
}
.home-img-slide .item img
{
    width: 120px;
    height: 80px;
}
.home-img-slide .item h4
{
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	text-align: center;
}
.home-img-slide .item h4,
.home-img-slide .item h4 a,
.home-img-slide .item h4 a:hover
{
	color: #026db5;
}
/* Pager */
.pager
{
    background-color: #f7f7f7;
    float: left;
    width: 100%;
}
.pager .container
{
    padding: 3px 0px;
}
/* Cute image */
.cute-img
{
    float: left;
    width: 204px;
    padding: 3px;
}
.cute-img .img-container
{
    border: solid 1px #2f90d4;
    float: left;
    width: 100%;
}
.cute-img .img
{
    padding: 2px;
}

.cute-img .img img
{
    /*width: 200px;
    height: 120px;*/
}
.cute-img .imgs
{
    float: left;
    width: 100%;
    border-top: solid 1px #3f96d9;
}
.cute-img .imgs ul
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}
.cute-img .imgs ul li
{
    float: left;
    width: 67px;
    height: 47px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-right: solid 1px #2f8fd9;
    display: inline;
}
.cute-img .imgs ul li.last
{
    border-right: none;
}
.cute-img .imgs ul li img
{
    width: 65px;
    height: 45px;
    margin: 1px;
}
/**/
.enquiry-box
{
	float: left;
	width: 192px; /* 192px + 10px*2 = 212px */
	padding: 0px 10px;
}
.enquiry-box h4
{
	font-size: 11px;
	text-transform: uppercase;
	line-height: 16px;
	border-bottom: solid 1px #094993;
}
.enquiry-box h4,
.enquiry-box h4 a,
.enquiry-box h4 a:hover
{
	color: #125cc7;
}
.enquiry-box h5
{
	font-size: 11px;
	line-height: 16px;
}
.enquiry-box h5,
.enquiry-box h5 a,
.enquiry-box h5 a:hover
{
	color: #105dc9;
}
.enquiry-box .enquiry-options
{
    float: left;
    width: 100%;
}
.enquiry-box .enquiry-options .enquiry-option
{
    float: left;
    width: 100%;
    color: #0042a0;
    line-height: 20px;
}
.enquiry-box ol
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    padding: 3px 0px;
}
.enquiry-box ol li
{
    background: transparent url(../img/enquiry-button.gif) no-repeat bottom right;
    float: left;
    _width: 10px;
    height: 27px;
    margin: 0;
    padding: 0;
    padding-right: 12px;
    text-align: center;
    list-style-type: none;
}
.enquiry-box ol li div
{
    background: transparent url(../img/enquiry-button.gif) no-repeat top left;
    padding: 0px 8px 0px 20px;
    line-height: 25px;
    height: 27px;
    white-space: nowrap;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}

.enquiry-box ol li a,
.enquiry-box ol li a:hover
{
    cursor: pointer;
    color: #fff;
}

/* Utilities box */
.utilities
{
	float: left;
	width: 100%;
}
.utilities ul
{
	float: left;
	width: 190px;
	margin: 0;
	padding: 5px 5px 5px 17px;
}
.utilities ul li
{
	float: left;
	width: 90px;
	line-height: 35px;
	margin: 0;
	padding: 0;
	padding-left: 50px;
	padding-right: 15px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	list-style-type: none;
}
.utilities ul li.weather
{
	background: transparent url(../img/icon-utilities.gif) no-repeat top left;
}
.utilities ul li.stock
{
	background: transparent url(../img/icon-utilities.gif) no-repeat bottom left;
}
.utilities ul li,
.utilities ul li a,
.utilities ul li a:hover
{
	color: #fff;
}
/* Category */
.category-news
{
    float: left;
    width: 100%;
}
.category-news .container
{
    padding: 8px 0px;
}
.category-news .item
{
    float: left;
    width: 100%;
    padding: 8px 0px;
}
.category-news .item img
{
    float: left;
    width: 135px;
    height: 90px;
    margin-right: 8px;
    border: solid 1px #babab8;
}
.category-news .item h4
{
    font-size: 12px;
}
.category-news .item h4,
.category-news .item h4 a,
.category-news .item h4 a:hover
{
    color: #1674ba;
}
.category-news .item .date
{
    color: #b0b0b0;
}
.category-news .item .summary
{

}
.category-news .item .detail
{
    text-align: right;
}
.category-news .item .detail ,
.category-news .item .detail a,
.category-news .item .detail a:hover
{
    color: #fc7e0f;
}
/* Two column contents */
.twocol-content
{
	float: left;
	width: 100%; /* 614px */
}
.twocol-content .left
{
	float: left;
	width: 410px;	
}
.twocol-content .right
{
	float: left;
	width: 194px;
	padding-left: 10px;
}
/* Book icons */
.book-icon
{
    float: left;
    width: 588px;
    border: solid 1px #1375be;
    overflow: hidden;
    margin-top: 16px;
}
/* Tree content */
.tree-content
{
    float: left;
    width: 100%;
}
.tree-content .left
{
    float: left;
    width: 50%;
}
.tree-content .right
{
    float: right;
    width: 50%;
}
/* training */
.training
{
    padding-left: 60px;
    padding-top: 15px;
}
.training h4
{
    background: transparent url(../img/icon-root.gif) no-repeat center left;
    line-height: 20px;
    color: #066cb6;
    margin: 0;
    padding: 0;
    padding-left: 20px;    
}
.training h4 a,
.training h4 a:hover
{
    color: #066cb6;
}
.training .filetree .folder,
.training .filetree .folder a,
.training .filetree .folder a:hover
{
    font-weight: bold;
    color: #000000;
}
.training .filetree .folder.hover,
.training .filetree .folder.hover a,
.training .filetree .folder.hover a:hover
{
    color: #ff0000;
}
.training .filetree .file,
.training .filetree .file a,
.training .filetree .file a:hover
{
    font-weight: bold;
    color: #004181;
}
.training .filetree .file.hover,
.training .filetree .file.hover a,
.training .filetree .file.hover a:hover
{
    color: #ff0000;
}
/* some forms */
.sform 
{
    width: 100%;
    float: left;
}
.sform .form-title 
{
    font-weight: bold;
}
.sform fieldset 
{
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    border: none;
}
.sform fieldset legend 
{
    color: #212121;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.sform fieldset ol {
  margin: 0;
  padding: 0;
}
.sform fieldset ol li {
  list-style: none;
  padding: 3px;
  margin: 0;
}
.sform fieldset ol li span.msg-err
{
    float:left;
    margin-left:128px;
    padding-bottom:10px;
    width:375px;
}
.sform label 
{
    display: inline-block;
    width: 120px;
    padding-right: 5px;
    text-align: right;
}
.sform input
{
    border: 1px solid #a2a1a1;
    height: 18px;
}
/* Counter box */
.counter-box
{
    padding: 5px;
    text-align: center;
}
.counter-box .counter-title
{
    font-weight: bold;
    color: #006db5;
}
.counter-box .counter-number
{
    font-weight: bold;
    font-size: large;
    color: #f72800;
}
.counter-box .counter-number span
{
    padding: 3px;
}
/*PAGGING*/
.paging-div
{
	font-size: 9px;
	position: relative;
	text-align: left;
	color: rgb(128, 128, 128);
	padding-bottom: 5px;
	padding-top: 10px;
	line-height: 100%;
	font-family: Verdana;
	float: right;
}
.paging-div div
{
	font-size: 9px;
	font-weight: normal;
	display: inline;
	list-style: none;
	text-align: center;
	margin: 2px;
	font-family: Verdana;
}
.paging-div div span
{
	font-size: 9px;
	font-weight: normal;
	color: #CC0000;
	border: 1px #CC0000 solid;
	padding: 3px 3px 3px 3px;
	font-family: Verdana;
}
.paging-div div a
{
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	border: 1px #CDDCED solid;
	padding: 3px 3px 3px 3px;
	font-family: Verdana;
	text-decoration: none;
}
.paging-div div a:hover
{
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	border: 1px #000000 solid;
	padding: 3px 3px 3px 3px;
	font-family: Verdana;
	background-color: #5F8FC5;
	text-decoration: none;
}
.paging-div .nav
{
	font-size: 9px;
	font-weight: normal;
	color: #CCCCCC;
	border: 1px #CCCCCC solid;
	padding: 3px 3px 3px 3px;
	font-family: Verdana;
}