*{
margin:0px;
padding:0px;
}
a img{
border:0px;
}
a{
color:#a01313;
text-decoration:none;
font-weight:bold;
}
a.user{
color:#000;
font-weight:normal;
}
p{
padding:0px 10px 0px 10px;
}
p.small{
font-size:10px;
color:#666;
}

div#top_menu{
background:url('/templates/training_directory_sa/images/top_menu_bg.jpg') repeat-x;
height:53px;
position:relative;
}

div#top_menu_inner {
left: 110px;
margin: 0 auto;
padding: 24px 0 0;
position: relative;
width: 750px;
}

div#top_menu_inner ul li{
list-style-type:none;
margin:0px 5px;
float:left;
}

div#top_menu_inner ul li a.last_item{
border-right:0px !important;
}

div#top_menu_inner ul li a#home{
height:12px;
width:42px;
background:url('/templates/training_directory_sa/images/top_menu_home.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#home:hover{
height:12px;
width:42px;
background:url('/templates/training_directory_sa/images/top_menu_home_down.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#about{
height:12px;
width:71px;
background:url('/templates/training_directory_sa/images/top_menu_about.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#about:hover{
height:12px;
width:71px;
background:url('/templates/training_directory_sa/images/top_menu_about_down.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#calender{
height:12px;
width:151px;
background:url('/templates/training_directory_sa/images/top_menu_calender.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#calender:hover{
height:12px;
width:151px;
background:url('/templates/training_directory_sa/images/top_menu_calender_down.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#contact{
height:12px;
width:128px;
background:url('/templates/training_directory_sa/images/top_menu_contact.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

div#top_menu_inner ul li a#contact:hover{
height:12px;
width:128px;
background:url('/templates/training_directory_sa/images/top_menu_contact_down.png') no-repeat;
display:block;
border-right:solid 1px #383431;
padding:0px 5px;
}

body{
background-color:#383431;
font-family:Arial;
font-size:12px;
color:#0c3048;
}
div#main_container{
width:1004px;
margin:0px auto;
}

div#header{
/*background:url(/templates/training_directory_sa/images/province_header.jpg);
background-repeat:no-repeat;*/
height:196px;
/*position:relative;*/
width:1004px;
margin:0 0 10px 0;
}

div#search {
position: absolute;
right: -50px;
top: 18px;
width: 257px;
background:url(/templates/training_directory_sa/images/header_search.png) no-repeat;
}

.search_button {
background-color: #E8E8E8;
border: 0 none;
height: 20px;
width: 190px;
position:relative;
top:-5px;
left:3px;
}

div#trans_banner{
width:928px;
}
div#main_menu_top{
height:45px;
}
div#main_menu_top ul{
margin:0px;
padding:11px 0px 0px 26px;
width:690px;
height:26px;
float:left;
}
div#main_menu_top ul li{
list-style-type:none;
background-image: url(/templates/training_directory_sa/images/menu-seperator.jpg);
background-repeat:no-repeat;
background-position:left center;
height:26px;
float:left;
padding:0px 0px 0px 10px;
margin:0px 10px 0px 0px;
vertical-align:middle;
}
div#main_menu_top ul li.first{
background-image:none;
}
div#main_menu_top ul li a{
color:#ffffff;
display:block;
width:100%;
height:22px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-decoration:none;
}
div#main_menu_top ul li a:hover{
color:#b9262a;
display:block;
width:100%;
height:22px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-decoration: none;
}
div#main_menu_top ul li a.contact{
background-image: url(/templates/training_directory_sa/images/phone_icon.png);
background-position: right 3px;
background-repeat: no-repeat;
float: left;
height: 26px;
margin: 0 10px 0 0;
padding-right: 5px;
}
div#social_networking_home{
float:right;
width:200px;
padding-top: 7px;
}
.clear{
clear:both;
}
div#content_main_container{
background-color: #E1E1E1;
padding-top:12px;
}
div#left_panel{
width:191px;
float:left;
margin-left:13px;
margin-right:5px;
}
div#right_panel{
width:191px;
float:left;
margin-right:13px;
margin-left:13px;
}
div#center_panel{
width:578px;
float:left;
background-color: #FFFFFF;
}
textarea{
height:190px;
width:400px;
}
.main_content_header{
background-image: url("/templates/training_directory_sa/images/main_content_header.jpg");
background-repeat: repeat-x;
color: #FFFFFF;
font-weight: bold;
height: 31px;
margin-top: 0px;
padding: 8px 0 0 10px;
width: 478px;
}
.main_content_header.main_content_header_1{
background-image: url("/templates/training_directory_sa/images/headers/red.jpg");
}
.main_content_header.main_content_header_2{
background-image: url("/templates/training_directory_sa/images/headers/orange.jpg");
}
.main_content_header.main_content_header_3{
background-image: url("/templates/training_directory_sa/images/headers/green.jpg");
}
div#footer{
background-image:url(/templates/training_directory_sa/images/footer.png);
background-repeat:no-repeat;
width:928px;
height:202px;	
}
div#main_menu_bottom{
height:45px;
margin:0 auto;
}
div#main_menu_bottom ul{
height: 26px;
margin: 0 auto;
width: 710px;
padding: 4px 0 0 100px;
}
div#main_menu_bottom ul li{
list-style-type:none;
background-image: url(/templates/training_directory_sa/images/menu-seperator.jpg);
background-repeat:no-repeat;
background-position:left center;
height:26px;
float:left;
padding:0px 0px 0px 10px;
margin:0px 10px 0px 0px;
vertical-align:center;
}
div#main_menu_bottom ul li.first{
background-image:none;
}
div#main_menu_bottom ul li a{
color:#ffffff;
display:block;
width:100%;
height:22px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-decoration:none;
}
div#main_menu_bottom ul li a:hover{
color:#b9262a;
display:block;
width:100%;
height:22px;
margin:0px 0px 0px 0px;
padding:4px 0px 0px 0px;
text-decoration: none;
}
div#main_menu_bottom ul li a.contact{
background-image: url(/templates/training_directory_sa/images/phone_icon.png);
background-position: right 3px;
background-repeat: no-repeat;
float: left;
height: 26px;
margin: 0 10px 0 0;
padding-right: 5px;
}
.search_inputbox,div#data_table_length select,div#data_table_filter input{
background-color:#e1e1e1;
border:0px;	
padding: 5px;
width: 160px;
}
div#data_table_length select{
width:60px;
}
.find_button{
background-image: url("/templates/training_directory_sa/images/search_find_button.jpg");
border: 0 none;
cursor: pointer;
float: right;
height: 26px;
margin-top: 5px;
width: 61px;
}

.submit_button{
background-color: #FFFFFF;
background-image: url("/templates/training_directory_sa/images/submit_button.jpg");
background-repeat: no-repeat;
border: 0 none;
cursor: pointer;
float: right;
height: 26px;
margin-top: 5px;
width: 82px;
}

div#login input.find_button{
background-image: url(/templates/training_directory_sa/images/search_find_button.jpg);
width:88px;
height:27px;
border:0px;
cursor:pointer;
margin-right:10px;
}
div#random_courses{
background-color:#FFFFFF;
width:200px;
margin-bottom:5px;
}
div#random_courses div.random_course_image{
position:relative;
padding-bottom:36px;
background-repeat:no-repeat;
}
a.cource_desc{
display:block;
background-image:url(/templates/training_directory_sa/images/category_desc_button.png);
background-repeat:no-repeat;
color:#fff;
text-decoration:none;
width:187px;
height:28px;
padding:8px 0px 0px 10px;
position:absolute;
bottom:0;
}
div#login{
color:#072336;
margin-bottom:5px;
background-color:#FFFFFF
}
.header{
background-image:url(/templates/training_directory_sa/images/drop_down_find_cource_GG.jpg);
background-repeat:no-repeat;
width:200px;
color:#FFFFFF;
padding:7px 0px 12px 10px;
vertical-align: middle;
}
.login_links{
font-size:12px;
color:#072336;
text-decoration:none;
font-style:italic;
}
div#application_button{
margin-bottom:5px;
}
div#advert2{
margin-bottom:5px;
}
div#advert3{
margin-bottom:5px;
}
div#slide{
width:578px;
height:291px;
}
div.slide{
width:41px;
float:left;
}
div.slide.selected{
width:496px;
}
div.slide_content{
width:442px;
background-color:#242220;
height:271px;
margin-top:0px;
color:#fff;
padding:10px 10px 10px 44px;
}
div.slide_content a{
color:#fff;
}
div.slide_content a:hover{
color:#ddd;
text-decoration:none;
}
a.slide_button{
width:41px;
height:291px;
display:block;
float:left;
}
a#featured_providers{
background-image:url(/templates/training_directory_sa/images/buttons/featured_providers.jpg);
}
a#course_categories{
background-image:url(/templates/training_directory_sa/images/buttons/course_categories.jpg);
}
a#workshops_and_seminars{
background-image:url(/templates/training_directory_sa/images/buttons/workshops_and_seminars.jpg);
}
div#selected_slide{
width:578px;
height:136px;
margin-top:10px;
}
div#selected_slide_left{
height:136px;
width:34px;
background-image:url(/templates/training_directory_sa/images/buttons/slide_left.jpg);
float:left;
}
div#selected_slide_center{
float:left;
width:510px;
height:136px;
background-color:#242220;
overflow:hidden;
}
div#selected_slide_content{
height:136px;
width:1080px;
position:relative;
left:0px;
}
div#selected_slide_right{
height:136px;
width:34px;
background-image:url(/templates/training_directory_sa/images/buttons/slide_right.jpg);
float:left;
}
div#selected_slide_left a,div#selected_slide_right a{
display:block;
width:28px;
height:114px;
cursor:pointer;
}
div.selected_slide_content_image{
width:102px;
height:102px;
float:left;
margin:6px 3px 0px 3px;
position:relative;
}
div.tl{
width:10px;
height:10px;
position:absolute;
top:0px;
left:0px;
z-index:3;
background-image:url(/templates/training_directory_sa/images/tl.png);
}
div.tr{
width:10px;
height:10px;
position:absolute;
top:0px;
right:0px;
z-index:3;
background-image:url(/templates/training_directory_sa/images/tr.png);
}

div.bl{
width:10px;
height:10px;
position:absolute;
bottom:0px;
left:0px;
z-index:3;
background-image:url(/templates/training_directory_sa/images/bl.png);
}
div.br{
width:10px;
height:10px;
position:absolute;
bottom:0px;
right:0px;
z-index:3;
background-image:url(/templates/training_directory_sa/images/br.png);
}
div.selected_slide_content_image a{
display:block;
width:102px;
height:102px;
}
div#login{
padding:0px 0px 10px 0px;
}
div#login p{
margin:10px;
}
div#login label{
margin-left:5px;
font-style:italic;
}
div#login input{
margin-left:5px;
}
div#login a.login_links{
display:block;
margin:0px 0px 0px 15px;
}
div.error{
border:2px dashed #ffa5a5;
background-color:#fff2f2;
padding:10px 2%;
margin:10px 5% 0px;
width:86%;
}
div.warning{
border:2px dashed #f7bd61;
background-color:#fff2dd;
padding:10px 2%;
margin:10px 5% 0px;
width:86%;
}
div.success{
background-color:#f1ffed;
border:2px dashed #c1e0b8;
padding:10px 2%;
margin:10px 5% 0px;
width:86%;
}
div.error ul,div.warning ul,div.success ul{
margin:0px 0px 0px 20px;
}
div#social_networking{
float:right;
padding: 3px 10px 0 0;
}
div#social_networking ul li{
float:left;
list-style-type:none;
margin:3px;
}
div.hidden{
display:none;
}
div.advertisement{
width:175px;
height:245px;
float:left;
margin:0px 10px 10px 0px;
background-position:top center;
}
div.advertisement_small{
width:20px;
height:20px;
background-position:top center;
margin:0px auto;
}
div.advertisement_top{
width:476px;
height:92px;
margin:10px auto;
}
div.advertisement_top a{
display:block;
width:476px;
height:92px;
}
div.advertisement_left{
width:201px;
height:224px;
margin-bottom:10px;
}
div.advertisement_left a{
display:block;
width:201px;
height:224px;
}
div.advertisement_top a{
display:block;
width:570px;
height:97px;
}
div.advertisement_right{
width:200px;
height:224px;
margin-bottom:10px;
}
div.advertisement_right a{
display:block;
width:200px;
height:224px;
}
div.user_image{
width:100px;
height:100px;
float:left;
margin:0px 10px 10px 10px;
border:1px solid #ddd;
}
div.user_image a{
width:100px;
height:100px;
display:block;
}
div.home_user_image{
width:150px;
height:223px;
float:left;
margin:0px 10px 0px 0px;
background-position:top center;
}
div.home_user_image a{
display:block;
width:150px;
height:223px;
}
a.course_category_home{
width:100%;
display:block;
font-size:12px;
}
a.right{
float:right;
}
div#clearmark{
text-align:center;
margin:10px;
}
div.random_course_image{
/*width:200px;
height:241px;*/
background-position:center top;
}
input#search_arrow_button{
border:0px;
background:url(/templates/training_directory_sa/images/search_button.png);
width:31px;
height:23px;
margin:0px;
position:relative;
top:-1px;
left:-2px;
cursor:pointer;
}
div.home_user{
height:100px;
margin:5px 0px 5px 0px;
padding:10px;
background-color:#ccc;
}
div.home_user div.user_image{
border:1px solid #aaa;
}
div.message{
margin:5px 0px 5px 0px;
padding:10px;
background-color:#ccc;
}
span.small{
font-size:10px;
}

.breadcrumb_bullet{
padding-right:3px;
}

.breadcrumb{
font-weight:bold;
}
div.search_image{
width:100px;
height:100px;
position:relative;
}
div.search_image a{
width:100px;
height:100px;
display:block;
}
span.required,p.required,p.popup_error{
color:#ff0000;
}
div#cboxLoadedContent ul{
margin-left:20px;
}
div#cboxLoadedContent span.required,div#cboxLoadedContent p.popup_error{
font-weight:bold;
}
select.select_multiple{
width:375px;
height:200px;
}
div.user_home_image{
float:left;
margin:0px 10px 10px 0px;
}
div.user_home_image a{
display:block;
width:100%;
height:100%;
}
div#center_panel ul,div#center_panel ol{
margin:5px 10px 5px 30px;
}
div#footer_lines{
width:100%;
height:4px;
background-color:#a7ab26;
border-top:2px solid #00923f;
}




/*
MAP
*/

div#maps_home{
position:relative;
margin:0px auto;
}

.map_box{
border:solid 1px #75bd94;
width:267px;
height:160px;
float:left;
margin:10px;
position:relative;
}

div#map_header_bg{
background-color:#00923f;
position:absolute;
top:5px;
left:0px;
width:235px;
padding:2px 5px;
color:#fff;
text-transform:uppercase;
z-index:1;
}

.bullet_header{
float:right;
}

.map{
/*position:relative;
top:30px;
left:30px;
z-index:0;*/
margin:30px;
}

div#map_animation_fs a img{
height: 24px;
left: 70px;
position: absolute;
top: 106px;
width: 24px;
z-index: 2;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_fs a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_fs a img{
height: 24px;
left: 70px;
position: absolute;
top: 106px;
width: 24px;
z-index: 2;
}

div#map_animation_ec a img{
height: 24px;
left: 147px;
position: absolute;
top: 92px;
width: 24px;
z-index:200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_ec a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_ec a img{
height: 24px;
left: 147px;
position: absolute;
top: 92px;
width: 24px;
z-index:199;
}

div#map_animation_ec2 a img{
height: 24px;
left: 86px;
position: absolute;
top: 119px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_ec2 a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_ec2 a img{
height: 24px;
left: 86px;
position: absolute;
top: 119px;
width: 24px;
z-index: 100;
}

div#map_animation_gt1 a img{
height: 24px;
left: 85px;
position: absolute;
top: 68px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_gt1 a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_gt1 a img{
height: 24px;
left: 85px;
position: absolute;
top: 68px;
width: 24px;
z-index: 100;
}

div#map_animation_gt2 a img{
height: 24px;
left: 73px;
position: absolute;
top: 89px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_gt2 a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_gt2 a img{
height: 24px;
left: 73px;
position: absolute;
top: 89px;
width: 24px;
z-index: 100;
}

div#map_animation_nk a img{
height: 24px;
left: 73px;
position: absolute;
top: 108px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_nk a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_nk a img{
height: 24px;
left: 73px;
position: absolute;
top: 108px;
width: 24px;
z-index: 100;
}

div#map_animation_mp1 a img{
height: 24px;
left: 109px;
position: absolute;
top: 71px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_mp1 a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_mp1 a img{
height: 24px;
left: 109px;
position: absolute;
top: 71px;
width: 24px;
z-index: 100;
}

div#map_animation_nc1 a img{
height: 24px;
left: 118px;
position: absolute;
top: 77px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_nc1 a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_nc1 a img{
height: 24px;
left: 118px;
position: absolute;
top: 77px;
width: 24px;
z-index: 100;
}

div#map_animation_nc2 a img{
height: 24px;
left: 117px;
position: absolute;
top: 105px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_nc2 a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_nc2 a img{
height: 24px;
left: 117px;
position: absolute;
top: 105px;
width: 24px;
z-index: 100;
}

div#map_animation_lim a img{
height: 24px;
left: 117px;
position: absolute;
top: 69px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_lim a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_lim a img{
height: 24px;
left: 117px;
position: absolute;
top: 69px;
width: 24px;
z-index: 100;
}

div#map_animation_nw a img{
height: 24px;
left: 110px;
position: absolute;
top: 63px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_nw a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_nw a img{
height: 24px;
left: 110px;
position: absolute;
top: 63px;
width: 24px;
z-index: 100;
}

div#map_animation_wc a img{
height: 24px;
left: 34px;
position: absolute;
top: 124px;
width: 24px;
z-index: 200;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
-ms-transition: opacity 1s ease-in-out;	
transition: opacity 1s ease-in-out;
}

div#map_animation_wc a img:hover{
opacity:0;
cursor:pointer;
}

div#map_animation_bg_wc a img{
height: 24px;
left: 34px;
position: absolute;
top: 124px;
width: 24px;
z-index: 100;
}