﻿@charset "utf-8";
/* CSS Document */

body {
                background-color:#b4c6d6; /* dirty blue bg */
                color:#1a2838; /* dark blue */   
                padding:0;
                margin:5px 0;
                font-family:Arial, Helvetica, sans-serif;
                font-size:0.78em;
              /*  font-smooth: always;  */  /* Change for IE6 */
}

ul {
	display:block;
}
/* --------------------------------------------------------------------------  IDs  -------------------------------------------------------------- */

#main_container { /* Main Body/Content area with drop shadow bg on sides */
                width:1059px;
                margin:0 auto;
                padding:0;
                background-image:url(../images/bg.jpg);
                background-repeat:repeat-y;
}

#main_content {
	width:93%;
	/*height:auto;*/	
    min-height:610px;
	margin:30px auto;
	padding:0;/*	text-align:center;*/
	z-index:150; 
}

#home_col_01 {
	float:left;
	width:640px;  /* old 368px*/
	margin-bottom:5px;
	text-align:left;
	margin-left:10px;	
	z-index:900; 
    
}

#home_col_02 {
	width:300px;  /* old 592px;*/
	float:right;
        text-align:center;
	overflow:hidden;
    margin-right:10px;	
	z-index:200;
}

#col_01 {
	float:left;
	width:368px;
	margin-bottom:5px;
	text-align:left;
	margin-left:10px;	
	z-index:900; 
    
}
#col_02 {
	width:592px;
	float:right;
        text-align:center;
	overflow:hidden;
	padding:0px 0px 10px 0px;
	z-index:200;
}

#map_col_01 {
	float:left;
	width:368px;
	margin-bottom:5px;
	text-align:left;
	margin-left:10px;	
	z-index:900; 
    
}

#map_col_02 {
	/*width:592px;*/
    width:985px;
	float:right;
        text-align:center;
	overflow:hidden;
	padding:0px 0px 10px 0px;
	z-index:200;
}

.show_map_link {
    font-size:14px; 
    font-weight:bold;
    text-align:center;
    vertical-align:central;
 /*   width:80px;
    height:40px;
    display:block;
    background: transparent url(../images/ca_map.gif) 100% no-repeat;
    background-size:80px 40px;*/    
}
#search {
	width:980px;
	height:400px;
	background-color:#e3e8f0;
	margin:20px 0;
	border:#0F0 1px solid;
}
#col_a {
	float:left;
	width:600px;
	padding:15px 20px;
	text-align:left;
	background-color:#e3e8f0; /* same bg color as parent container (search) */
}
#col_a td {
	margin:0;
	padding:0;
	vertical-align:middle;
}
#col_a td img {
	vertical-align:middle;
}
#col_a td p {
	width:160px;
	margin:0;
	padding-left:25px;
}
#col_b {
	width:300px;
	height:auto;
	float:right;
	padding:13px 20px;
	background-color:#e1dcc5;
}
#col_b p {
	height:20px;
	padding:7px 0 0 0;
	margin:0;
}

#col_01 h2 {
	color:#8b1903;
	font-size:1.2em;
	font-weight:bold;
	margin:0;
	padding:15px 0 0 0;
}
#col_01 form {
	padding:10px 15px;
	color:#315272;
}
#header {
                /*background-image:url(../images/header2042x356.jpg);*/ 
                background-image:url(../images/header1021x178.png); 
                margin:0 auto;
                text-align:center;
                padding:0;
                width:1021px;
                height:178px;
                /*background-size:1021px 178px;
	            background-repeat:no-repeat;*/
                position:relative;
}

.header {           
                background-image:url(../images/header2042x356.jpg);     
                margin:0 auto;
                text-align:center;
                padding:0;
                width:1021px;
                height:178px;
                background-size:1021px 178px;
                /*background-size:1021px 178px;
	            background-repeat:no-repeat;*/
                display:block;
}

.header_home_link {
    width:95px;
    height:90px;
    position:relative;
    top:12px;
    left:6.9px;
    display:block;
    float:left;
    z-index:100000;
    background:transparent url(../images/POST_logo_transparency.png);
    background-repeat:no-repeat;
    background-size:101px 94px;
}
#navigation, #footer {
                background-color:#1a2838;
                width:1021px;
                margin:0 auto;
                color:#7b662f;
}

#footer {
    text-align:center;

}

#navigation a, #footer a {
	color:#fff;
	text-transform:uppercase;
	padding:0 5px;
	text-decoration:none;
}
#navigation a:hover, #footer a:hover {
	color:#fae380;
}
#navigation ul, #navigation li, #footer li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#navigation ul li, #footer ul li {
	line-height:40px;
}
#navigation ul {
	padding:20px;
}

#alpha {
	padding:10px;
	text-transform:uppercase;
	color:#4F4F4F;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
}
#alpha span {
	 margin-left:30px; 
	/*letter-spacing:0px;   0.15em;*/
	color:#A99A98;
}
#alpha span a {
	font-weight:bold;
	font-size:1.1em;
	color:#37588A;
	text-decoration:none;/*	letter-spacing:0.30em;*/
}
#alpha span a:hover {
	text-decoration:underline;
	color:#900;
}

#alpha2 {
	/*padding:0px 20px;*/
	text-transform:uppercase;
	color:#4F4F4F;
	text-decoration:none;
	font-size:1.1em;
	font-weight:bold;
}
#alpha2 span {
	/* margin-left:5px; */
	/*letter-spacing:0px;   0.15em;*/
	color:#A99A98;
}
#alpha2 span a {
	font-weight:bold;
	font-size:1.1em;
	color:#37588A;
	text-decoration:none;/*	letter-spacing:0.30em;*/
}
#alpha2 span a:hover {
	text-decoration:underline;
	color:#900;
}


#home_img {
	background-image:url(../images/home_photos.jpg);
	width:604px;
	height:101px;
	margin:10px 0;
	text-align:center;
	margin:0 auto;
}

#bubble_tooltip{
	width:147px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('../images/bubble_top.png');
	background-repeat:no-repeat;
	height:15px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../images/bubble_middle.png');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	font-size:11px;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../images/bubble_bottom.png');
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}

/* --------------------------------------------------------------------------  CLASSes  -------------------------------------------------------------- */
.row 
{
    width:100%;   
}
.alpha-letter {
    border-bottom:#afa98f 2px solid;            
    font-size:2em;
    color:#afa98f;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    text-transform:uppercase;
}

.clear {
	clear:both;
}
.cleaner {
	clear: both;
	height: 2px;
	font-size: 1px;
	border: none;
	margin: 0 0 -2px 0;
	padding: 0 !important;
	width: auto !important;
	float: none !important;
}
.go_button {
	width:33px;
	height:27px;
	background-image:url(../images/go.gif);
}
.ca_map {
	background-image:url(../images/ca_map.gif);
	width:100px;
	height:100px;
	float:right;
	margin:5px 5px 0 0;
	padding:0;
	font-weight:bold;
	line-height:12px;
}
.ca_map a {
	color:#02357c;
}
.border_bottom {
        border-bottom:#5b7a96 1px dotted;
        width:1020px;
        margin:1px 0 0 19px;
}
.border_top {
        border-top:#5b7a96 1px dotted;
        width:1020px;
        margin:1px 0 -11px 19px;
}

.image_col{
	width:25px;
}
.search_map_ccn_col {
	width:115px;
}
.search_map_title_col {
	width: 380px;  /*width:340px;*/
}
.search_map_date_col {
	width:155px;
}
.search_map_loc_col {
	width:175px;
}

.ccn_col {
	width:115px;
}
.title_col {
	width: 380px;  /*width:350px;*/
}
.date_col {
	width:155px;
}
.loc_col {
	width:180px;
}

.multiMedia_title_col 
{
	width:600px;
}
.multiMedia_available_via_col
{
	width:250px;
}
.prsntr_ccn_col {
	width:140px;
	font-size:0.95em;
	color:#0754bf;	
	white-space:nowrap;
}
.prsntr_title_col {
	width:350px;
	font-size:0.95em;
	color:#0754bf;	
}
.prsntr_date_col {
	width:155px;
	font-size:0.95em;
	color:#0754bf;	
}
.prsntr_loc_col {
	width:185px;
	font-size:0.95em;
	color:#0754bf;	
}
.prsntr_hours_col {	
	font-size:0.95em;
	color:#0754bf;
}

.prsntr_ccn_bd_col {
	width:140px;
	font-size:0.95em;	
	white-space:nowrap;
}
.prsntr_title_bd_col {
	width:350px;
	font-size:0.95em;	
}
.prsntr_date_bd_col {
	width:155px;
	font-size:0.95em;	
}
.prsntr_loc_bd_col {
	width:185px;
	font-size:0.95em;	
}
.prsntr_hours_bd_col {	
	font-size:0.95em;	
}

.upcomming_presentation_panel {
    font-size:0.95em !important;	
    font-family:Arial, Helvetica, sans-serif !important;
}
.upcomming_presentation_panel a {
    color: #0754bf !important;
}
.prsntr_allCrs_ccn_col {
	width:170px;
	font-size:0.95em;
	color:#0754bf;	
}
.prsntr_allCrs_title_col {
	width:430px;
	font-size:0.95em;
	color:#0754bf;
}
.prsntr_allCrs_hours_col {
	width:130px;
	font-size:0.95em;
	color:#0754bf;	
}
.prsntr_allCrs_up_prsntations_col {
	/* width:180px; */
	font-size:0.95em;
	color:#0754bf;
}

.prsntr_allCrs_ccn_bd_col {
	width:170px;
	font-size:0.95em;	
}
.prsntr_allCrs_title_bd_col {
	width:430px;
	font-size:0.95em;	
}
.prsntr_allCrs_hours_bd_col {
	width:130px;
	font-size:0.95em;	
}
.prsntr_allCrs_up_prsntations_bd_col {
	/* width:180px; */
	font-size:0.95em;
}

.prsntr_info_crs_title
{
	font-weight:bolder;
	font-size:large;
	color:#072F6D;
}

.index_info_crs_title
{
	font-weight:bolder;
	font-size:large;
	color:#072F6D;
}

.title_index_crs_number
{
	width:150px;	
	color:#000000;
}
.title_index_crs_title
{
	width:340px;
	color:#000000;	
}
.title_index_num_presentations
{
	width:240px;
	color:#000000;	
}
.title_index_cert_presenters
{
	color:#000000;	
}
.ps_ccn_col {
	width:110px;
	color:#0754bf;
}
.ps_title_col {
	width:270px;
	color:#0754bf;
}
.ps_cat_desc 
{
	width:150px;
	color:#0754bf;
}
.ps_date_col {
	width:155px;
	color:#0754bf;
}
.ps_loc_col {
	width:160px;
	color:#0754bf;
}

.ps_ccn_bd_col {
	width:120px;
	
}
.ps_title_bd_col {
	width:270px;
	
}
.ps_cat_bd_desc 
{
	width:150px;
	
}
.ps_date_bd_col {
	width:155px;
	
}
.ps_loc_bd_col {
	width:160px;
	
}

.ps_all_crs_title
{
	width:600px;
	color:#000000;
}

.ps_all_crs_num_courses
{
	color:#000000;
}
.mandates_title_col 
{	
	width:260px;
	font-size:small;
	color:#000000;
}

.mandates_required_for_col 
{	
	width:270px;
	font-size:small;
	color:#000000;
}

.mandates_code_section
{	
	width:120px;
	font-size:small;
	color:#000000;
}
.mandates_min_hours
{
	width:90px;
	font-size:small;
	color:#000000;
}
.mandates_upcoming_presentations
{
	font-size:small;
	color:#000000;
}

.mandates_title_bd_col 
{	
	width:260px;
	font-size:small;	
}

.mandates_required_for_bd_col 
{	
	width:270px;
	font-size:small;	
}

.mandates_code_section_bd
{	
	width:120px;
	font-size:small;	
}
.mandates_min_hours_bd
{
	width:90px;
	font-size:small;	
}
.mandates_upcoming_presentations_bd
{
	font-size:small;	
}

.MandateResults a 
{
	color:#0754bf;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer 
{
    padding-right:4px;
    background:url(img/xp/tab-right.gif) no-repeat right;
    height:21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner 
{
    padding-left:3px;
    background:url(img/xp/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab
{
    height:13px;
    padding:4px;
    margin:0;
    background:url(img/xp/tab.gif) repeat-x;
}

.rating {
	width:101px;
	height:13px;
	background-image:url(../images/stars.png);
	text-align:center;
	margin:5px auto;
}
.alt_color {
	background-color:#e3e8f0;
}
.hover_color {
	background-color:#f9f08c;
}
.active_color {
	background-color:#e1dcc5;
}
.active_color a:hover {
	background-color:#e1dcc5;
}
.active_color ul {
	margin:0;
	padding:0;
	margin-left:-10px;
}
.active_color ul li {
	background-image:url(../images/button_01.gif);
	width:111px;
	height:22px;
	text-align:center;
	margin:0 auto;
	padding:0;
}
.active_color ul li a {
	color:#fff;
}
.presenters-list {
	width:700px;
	padding-bottom:40px;
	border-bottom:#aca89c 1px dashed;
}
.presenters-list img {
	width:269px;
	height:	174px;
	float:right;
	border:#999 1px solid;
/*" */
}
.presenters-list ul {
	font-weight:bold;
	text-transform:uppercase;
}
table span {
	color:#8b1903;
	font-weight:bold;
}

.col_01_form
{
	/*padding:10px 15px;  current use*/
    padding:20px 15px;
	color:#315272;
	z-index:998; 
}

.generic_error_form
{
    padding:50px 0px 0px 400px; 
    margin:5px 0px 0px 0px;	
	color:#315272;
	min-height:500px
}

#generic_error_options
{
	float:right; 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 150px;	
}

.presentations_gray
{
    background-image:url(../images/presentations_gray.png);
    background-repeat:no-repeat;
    width:49px;
    height:23px;
    text-align:left;
    padding-left:5px;
}

.presentations_gray a
{
    color:#000;
}

.presentations_color a
{
	color:#0449b8;
}

.presentations_color
{
    background-image:url(../images/presentations_color.png);
    background-repeat:no-repeat;
    width:53px;
    height:23px;
    padding-left:5px;
    text-align:left;
    cursor:pointer;
}

.presenterCourseDescTitle
{
	width:450px;
	color:#000;
	font-weight:bold;	
}
.presenterCourseDesc
{
	
	color:#000;
	font-weight:bold;	
}
.presenterCourseDescTitle_bd
{
	width:450px;
	color:#000;
	
}
.presenterCourseDesc_bd
{
	
	color:#000;
	
}
.searchTextboxesHome
{
    width: 440px;
}

.searchTextboxes
{
    width: 260px;
}

.searchTextboxDates
{
    width:100px;
}

.ps_arrest
{
    background-image:url(../images/handcuffs.png);
    background-repeat:no-repeat;
    /*width:90px;*/
    height:72px;
    padding-left:60px;
    padding-top:6px;
    text-align:left;
    cursor:pointer;
}

.ps_firearms
{
    background-image:url(../images/hand_gun.png);
    background-repeat:no-repeat;
    /*width:90px;*/
    height:72px;
    padding-left:60px;
    padding-top:6px;
    text-align:left;
    cursor:pointer;
}

.ps_driving
{
    background-image:url(../images/police_car.png);
    background-repeat:no-repeat;
    /*width:90px;*/
    height:72px;
    padding-left:60px;
    padding-top:6px;
    text-align:left;
    cursor:pointer;
}

.ps_communication
{
    background-image:url(../images/radio.png);
    background-repeat:no-repeat;
    /*width:90px;*/
    height:72px;
    padding-left:60px;
    padding-top:6px;
    text-align:left;
    cursor:pointer;
}

.ps_arrest_div_not_done {
    width:48.4%; height:48px; float:left; margin-left:10px; margin-right:5px; padding-top:8px; 
}

.ps_firearms_div_not_done {
    width:48.6%; height:48px; float:left; margin-left:10px; margin-right:5px; padding-top:8px; 
}

.ps_driving_div_not_done {
    width:48.4%; height:48px; float:right; margin-left:10px; margin-right:5px; padding-top:8px; 
}

.ps_communication_div_not_done {
    width:48.6%; height:48px; float:right; margin-left:10px; margin-right:5px; padding-top:8px; 
}

.ps_arrest_div_done {
    width:48.4%; height:48px; float:left; margin-left:10px; margin-right:5px; padding-top:8px; 
}

.ps_communication_div_done {
    width:48.6%; height:48px; float:right; padding-top:8px; 
}

.ps_driving_div_done {
    width:48.4%; height:48px; float:left; margin-left:10px; margin-right:5px; padding-top:8px; 
}

.ps_firearms_div_done {
    width:48.6%; height:48px; float:right; padding-top:8px; 
}

.ps_use_of_force_div_done {
    width: 68%;
    height: 48px;
    text-align:center;
    padding-top: 8px;
}
.ps_arrest_done
{
    background-image:url(../images/arrest.png);
    background-repeat:no-repeat;
    /*width:90px;*/
    height:72px;
    padding-left:60px;
    padding-top:6px;
    text-align:left;
    cursor:pointer;
}

.ps_firearms_done
{
    background-image:url(../images/firearms2.png);
    background-repeat:no-repeat;
    /*width:90px;*/
    height:72px;
    padding-left:60px;
    padding-top:6px;
    text-align:left;
    cursor:pointer;
}

.ps_driving_done
{
    background-image:url(../images/driving2.png);
    background-repeat:no-repeat;
    /*width:90px;*/
    height:72px;
    padding-left:60px;
    padding-top:6px;
    text-align:left;
    cursor:pointer;
}

.ps_communication_done
{
    background-image:url(../images/communication2.png);
    background-repeat:no-repeat;
    /*width:90px;*/
    height:72px;
    padding-left:60px;
    padding-top:6px;
    text-align:left;
    cursor:pointer;
}

.ps_link {
    font-size:1.3em;
    text-align:center;
    padding-top:5px;
}
/* --------------------------------------------------------------------------  Misc  -------------------------------------------------------------- */


a {
	text-decoration:none;
	color:#0754bf;
    cursor:pointer;
}

a:hover {
	text-decoration:underline;
	color:#8b1903;
}

a.changeBlue:link { /* default link color */
     text-decoration:none;
     color:#0754bf;
}
a.changeBlue:hover { /* keep the same color onmouseover for this link */
     text-decoration:none;
     color:#0754bf;
}

table th {
	line-height:20px;
	padding:7px 5px;
	background-color:#e1dcc5;
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
	font-size:1.1em;
	color:#ab260c      /* #1b344b; */   /* previous color */
}

table h3 {
	margin:0;
	padding:0;
	font-size:1.1em;
	color:#1b344b;
}
table strong {
	color:#1b344b;
}
table td {
	line-height:20px;
	padding:3px 5px;
	margin:0;
	height:20px;
	border-bottom:#d1d8e3 1px solid;
	vertical-align:top;
}
table p {
	margin:0 0 10px 0;
	padding:0;
}
table ul {
	margin:10px 3px;
	padding:0;
}
table li {
	display:list-item;
	list-style-type:none;
}
table a {
	width:100%;
	font-weight:bold;
	/*color:#0754bf;*/
}
table a:hover {
	width:100%;
	/* background-color:#f9f08c; */
	color: #ab260c        /* :#0754bf;  */    /* previous color */	
}

.active 
{
	color:#000
}

h1, h2, h3 {
	
	margin:10px 0 0 0;
}

h1 {
                color:#1a2838; /* dark blue */
border-bottom:#ccdae8 2px dotted;
                font-size: 1.5em;
                font-weight: bold;
                text-transform:uppercase;
}

h2 {
	font-size:1.2em;
	color:#072f6d;
	text-transform:uppercase;
}
h3 {
	font-size:1.1em;
	color:#315272;
	font-weight:bold;
}

h3 span {
	font-size:0.8em;
	font-weight:normal;
}

/* h4 {
	font-size:0.8em;
	font-weight:normal;
} */

h4 {
    font-size:1.2em;
    text-transform:none;    
    color:#013476;
}

h4 span {
    color:#afa98f;
    font-size:1.0em;               
}

h5 {
	/*font-size:0.8em;
	font-weight:normal;*/
	font-size: 1.5em;
	font-weight: bold;
	text-transform:uppercase;
	color:#072f6d;
	border-bottom:#8c8460 1px solid;
	margin-bottom:10px;
}

h6 
{
	margin:10px 0 0 0;
	font-size:1.0em;
	color:#315272;
	font-weight:normal;	
}

h7 {
    font-size:1.0em;
    text-transform:none;    
    color:#000;
}

h7 span{
    font-size:1.2em;
    text-transform:none;    
    color:#013476;
    font-weight:bold;
}

 .small_blue_text    
{
    color:#055F9B;
    font-size:small;
}  

/*---------------------------------------------*/
/*  tabpanel_module                            */
/*  Tab Panel section with hover effects       */
/*---------------------------------------------*/

.block_with_image_and_tabpanel {
 padding-bottom:8px;
 min-width:559px;
 /* height:14em; */ /* Needed if there is no image to hold the container open. Adjust this depending on the height of your tabpanel */
}

.block_with_image_and_tabpanel .image_container {
 border: 1px solid #bcc5d0;
 background:#fff;
 padding:7px 7px 0px 7px;
 margin:5px 0px 0px 5px;
 text-align:center;
 float:left;
 display:inline;
 width:137px; /* Width for portrait photos, 123 + 14 = 137, needed for IE 5.0 */
 overflow: hidden;

 /* voice-family:"\" */
}
/*\"";
 voice-family:inherit;
 width:auto; */ /* Width for portrait photos, for non-broken browsers */


.block_with_image_and_tabpanel .image_container img {
 width: 123px;
 height: 193px; /* Width and height are needed if images are turned off in the browser */
 display:block;
}

#tabpanel_container {
 padding:8px 8px 0 0;
 margin:0 0 0 10px;
}

.contains_landscape_photo, .contains_portrait_photo {
 height:auto;
}

.contains_landscape_photo #tabpanel_container {
 margin:0 0 0 180px; /* Width for landscape photos up to 167px wide, 167 + 13 padding = 180 */
}

.contains_portrait_photo #tabpanel_container {
 margin:0 0 0 170px; /* Width for portrait photos up to 123px wide, 123 + 27 padding = 150 */
}

#tabpanel {
 margin:0;
 width:99%;
}

#tab_list {
 padding: 0;
 position:relative; /* Makes this the containing block */
 white-space: nowrap;
 display:block;
 z-index:10; 
 width:100%;
}

#tab_list ul {
 position: absolute; /* Needed for IE 5.x */
 margin: 0;
 z-index:1;
 padding: 0;
 width:100%;
}
#tab_list ul#tab_ul {
 height: 30px;
}

li#tabpanel_1, li#tabpanel_2, li#tabpanel_3 {
 background: #7E98BA url(../images/tabpanel_tabs.gif) 0px -60px  no-repeat; /* normal tabs */
 margin: 0;
 float: left;
 display: inline;
 padding: 0;
}

#tab_list a.tab_link {
 z-index:10; 
 position:relative;
 color: #fff;
 font-weight: bold;
 text-decoration: none;
 padding:8px 16px 0px 16px; /* Adjust left and right padding to adjust width of the tabs */
 display: block; /* Needed for Opera */
 float:left; /* Needed for IE, breaks Opera */
 background: transparent url(../images/tabpanel_tabs.gif) 100% -60px  no-repeat;

 height:22px; /* Needed for IE 5.x broken box */

 /*voice-family:"\" */
}

/*\"";
 voice-family:inherit;
 height:22px;  */ /* 30 - 8, for non-broken browsers */

/* text-transform:uppercase;*/

html[xmlns] #tab_list a.tab_link {
	float:none; /* Needed for Opera, breaks IE 6. Hack hides this from IE 6 */
}
#tab_list a:hover {
	text-decoration: underline;
}
#tabpanel #tab_list li {
	list-style-type: none;
	list-style-image: none;
}
#tab_list ul ul {
	position:absolute;
	top:29px;
	left:0px;
	display:none;
	z-index:-10;
	border:1px solid #7E98BA; /* dark blue */
	padding:12px 0 16px 0;
	background:#E8EFF6; /* Light blue */
}
#tabpanel #tab_list ul ul li {
	float: left;
	width:48%;
	background:transparent url(../images/bullet_black.gif) 6px .3em no-repeat;
}
#tabpanel #tab_list ul ul li a {
	float:none;
	height:auto;
	margin:0 0 0 24px;
}
#tab_list ul li.tabpanel_default ul, #tab_list ul li:hover ul {
	display:block;
}
#tab_list li.tabpanel_default a.tab_link, #tab_list li:hover a.tab_link {
	background: transparent url(../images/tabpanel_tabs.gif) top right no-repeat;
	color:#000;
	text-decoration: none;
}
#tab_list li.tabpanel_default, #tabpanel_1:hover, #tabpanel_2:hover, #tabpanel_3:hover {
	background: #E8EFF6 url(../images/tabpanel_tabs.gif) top left no-repeat; /* Hovered tab background */
}
#tabpanel #tab_list li a.tab_link:hover { /* Needed for IE */
	text-decoration: none;
}
#tabpanel #tab_list a:hover, #tabpanel #tab_list li.tabpanel_default ul a:hover {
	text-decoration:underline;
}
#tabpanel ul ul a:hover {
	background:transparent;
}
#tab_list .bottom_right { /* For the rounded corner */
	position:absolute;
	width:6px;
	height:6px;
	font-size:1px;
	bottom:-2px;
	right:-2px;
	background: url(../images/tabpanel_corners.gif) top left no-repeat;
}
#tab_list .bottom_left { /* For the rounded corner */
	position:absolute;
	width:6px;
	height:6px;
	font-size:1px;
	bottom:-2px;
	left:-2px;
	background: url(../images/tabpanel_corners.gif) top right no-repeat;
}
/* End of tabpanel_module */

.list_decorative_dark {
	padding:10px;
	color:#F00;
	list-style:url(../images/bullet_beige.gif);
	margin:0 0 0 30px;
}
.align_right {
	text-align:right;
	float:right;
	margin:0 0 0 8px;
	padding:0;
}
.img_below_header {
	margin-top:20px;
}
.advanced_search_checkbox
{
	text-align:center;
	vertical-align:bottom;
}
.align_center {
	text-align:center;
}
.align_left {
	text-align:left;
}
.align_txt_right {
	text-align:right;
}

#presenters h1 {
	color:#072f6d;
	border-bottom:#8c8460 1px solid;
	margin-bottom:10px;
}
/* ------------------------------------------------------------------ Same height columns STARTS -------------------------------------------------------------------- */
/*#EH-header {
	background-color:Red;
}*/
#EH-left {
	background-color:#E8EFF6; /* light blue */
        padding-left:10px;
}
#EH-right {
	background-color:#e1dcc5; /* beige */
}
/*#EH-footer {
	background-color:Green;
}*/
#EH-container, #EH-header, #EH-footer {
	width:980px;           /* LC width + RC width */
}
#EH-container .EH-column {
	float: left; 
}
#EH-left {
	width: 590px;          /* LC width + padding = 630px */
	padding: 20px;
        overflow:hidden;
}
#EH-right {
	width: 340px;          /* RC width + padding = 350 */
	/* padding:20px; */
	padding:20px 10px 10px 0px; 
	overflow:hidden;
}
#EH-footer {
	clear: both;
}
#EH-container {
	overflow: hidden; 
}
#EH-container td {
	border:none;
	height:20px;
	padding:0;
	margin:0;
	vertical-align:middle;

}
#EH-container p {
	margin-left:30px;
	margin-right:5px;
}
#EH-container img {
	vertical-align:middle;
}

#EH-container .EH-column {
    padding-bottom: 20010px;  /* X + padding-bottom  */
	margin-bottom: -20000px; /* X */
} 


/* ------------------------------------------------------------------ Same height columns ENDS -------------------------------------------------------------------- */

/* Tab panel format */
 #tableResult tbody 
        {
            width:100%;            
        }
/* ajax__tab_yuitabview-theme theme (img/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    /*font-size:small;*/
    border-bottom:solid 5px #2647a0;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer 
{
    background:#d8d8d8 repeat-x;    
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:1px solid  #2647a0;   /* #a3a3a3; */
    border-bottom-width:0px;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;  
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer 
{
    background:#bfdaff repeat-x left -1300px; 
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer
{
    background: #2647a0 repeat-x left -1400px; 
}
.ajax__tab_yuitabview-theme .ajax__tab_body 
{
    font-family:Arial,Helvetica, sans-serif;
    /*font-size:9pts;*/   
    /* padding:1px 2px 1px 1px; */
    
   /* background-color:#edf5ff;  */  
   border:1px solid #2647a0; 
    border-top-width:0px;
    overflow:hidden;
}

/**********************   HomePage and SearchMap page calendars   *************************/

.cal_Theme1 
{
    z-index:1000;
}
.cal_Theme1 .ajax__calendar_container table td, .cal_Theme1 .ajax__calendar_container table th {
	font-size:1em;
	padding-bottom:0px;
	height:16px;
	text-align:center;
	vertical-align:middle;	
	font-weight:bold;
}

.cal_Theme1 .ajax__calendar_container   {
    background-color: #e2e2e2;
    border:solid 1px #cccccc; 
    padding-right:5px;   
}

.cal_Theme1 .ajax__calendar_header  {
    background-color: #ffffff;
    margin-bottom: 4px;
    padding-bottom:4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
    color: #004080;
   padding-top: 3px; 
}

.cal_Theme1 .ajax__calendar_body    {
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
    margin-bottom:4px; 
    height:145px;
    color:Black;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align:center;
    font-weight:bold;
    margin-bottom: 4px;
    margin-top: 4px;
}

.cal_Theme1 .ajax__calendar_dayname:hover
{    
	color: #8b1903;
} 

.cal_Theme1 .ajax__calendar_day {
    text-align:center;  
}

.cal_Theme1 .ajax__calendar_days 
{
   margin-right:2px;
}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}

.cal_Theme1 .ajax__calendar_today   
{
    color: #004080;
    font-weight:bold;
    padding-bottom: 1px;
    margin:2px;
    margin-right:0px;
}

.cal_Theme1 .ajax__calendar_other { 
    color: #bbbbbb;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_dayname  
{
	color: #8b1903;
}
.cal_Theme1 ajax__calendar_container {
    cursor: default;
    font-family: tahoma,verdana,helvetica;
    font-size: 11px;
    padding: 4px;
    position: absolute;
    text-align: center;
}
.ajax__calendar_container  table tr td
{
    border:none;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
}


/*********************************************************************************************************/
/*    cal_Theme2 for AdvancedSearch page */

.cal_Theme2 .ajax__calendar_container   
{    
	background-color: #e2e2e2;     
	border:solid 1px #b4c6d6 ;  /* #cccccc */
	width:22em;
	height:22em;
}

.cal_Theme2 .ajax__calendar_header  
{    
	background-color: #ffffff;     
	margin-bottom: 4px;
}

.cal_Theme2 .ajax__calendar_title,
.cal_Theme2 .ajax__calendar_next,
.cal_Theme2 .ajax__calendar_prev    
{    
	color: #004080;     
	padding-top: 3px;
}

.cal_Theme2 .ajax__calendar_next:hover
{
	color: #8b1903;
}

.cal_Theme2 .ajax__calendar_prev:hover
{
	color: #8b1903;
}

.cal_Theme2 .ajax__calendar_body    
{    
	background-color: #e9e9e9;     
	border: solid 1px #cccccc;
	width:21em;
	height:17em;
	padding:0px;
	
}

.cal_Theme2 .ajax__calendar_dayname 
{    
	text-align:center;     
	font-weight:bold;     
	margin-bottom: 4px;     
	margin-top: 2px;
}

.cal_Theme2 .ajax__calendar_dayname:hover
{ 
	color: #8b1903;
}

.cal_Theme2 .ajax__calendar_day 
{    
	text-align:center;
}

.cal_Theme2 .ajax__calendar_days 
{    
	text-align:center;
	width:15.5em;
	height:11.5em;
	font-family:tahoma,verdana,helvetica;
	font-size:15px;
	color:#315272;
	word-spacing:28pt;
	line-height:28px;
	padding-top:18px;
	table-layout:auto;	
}

.cal_Theme2 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme2 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme2 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme2 .ajax__calendar_active  
{    
	color: #004080;    
	font-weight: bold;     
	background-color: #ffffff;
}

.cal_Theme2 .ajax__calendar_today   
{    
	color:#315272;
	font-weight:bold;
	font-family:verdana,tahoma,helvetica;
	font-size:11px;
}

.cal_Theme2 .ajax__calendar_other
{    
	color: #bbbbbb; 
}

.cal_Theme2 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme2 .ajax__calendar_hover .ajax__calendar_title
{
	color: #8b1903;
}

/*********************************************************************************************************/
/*    autocomplete css  */

.autocomplete
{
                                visibility:hidden; 
                                margin:0px!important;
                                padding:0px;
                                background-color:white;
                                color:windowtext;
                                border:buttonshadow;
                                border-width:1px;
                                border-style:solid;
                                cursor:default;
                                text-align:left;
                                list-style-type:none;
                                overflow:auto; 
                                white-space :normal !important; 
                                height:200px;
                                z-index: 1001;
                                position:absolute;
                                list-style: none;                          
                            }
.autocomplete_highlighted_item 
{
                background-color:Highlight;
                color:HighlightText;
                padding:2px;
}
.autocomplete_listitem
{
                background-color:window;
                color:windowtext;
                padding:2px;
}

/*********************************************************************************************************/
/* Find Course Presentations */


/*********************************************************************************************************/
/* Notification panel */

#notification-area
{
  position:relative;
  width:300px;
  color:#000; 
  z-index:9990;
}

#notification-area h1, #notification-area h2, #notification-area h3, #notification-area h4
{
  color:#666;
  text-transform:none;
}

#notification-area h2 {
    color:#666;
    text-transform:none;
    font-size:1.3em;
}

#notification-area #notification-slide a {
                color: #116ca8; /*to pass WebAIM AA for large text*/
                -webkit-user-select: none; /* Webkit */
                -moz-user-select: none;    /* Firefox */
                -ms-user-select: none;     /* IE 10  */
}

#notification-area #notification-slide a span {
    color: #116ca8;
    font-size:16px;
    font-weight:bold;
}

#notification-area #notification-slide a:hover {
                text-decoration:underline;
}


#notification-slide {
    position: relative;    
    background-color: #fef2d9; 
    width:300px;
    border-radius: 6px;    
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;  
    overflow:hidden; 
}

#noticesContainer {	
	position:relative;
	width:100%;   
	height: auto; /* vertically expand div to height of absolutely positioned child elements */ 
}

#notificationSlideFadeBottom {
	position:absolute;	
    bottom: -238px;
	z-index:20;	
    width:300px;
	height:266px;
	background: transparent url('../images/noticesPanelFadeBottomWhite400x80.png') no-repeat;
}

#notification-area .notice {
    /*float:left;*/
    /*padding-bottom:10px !important;*/
	/*height:115px;*/    
}

/*#notification-area .notice div {
    padding-right: 10px !important;
	padding-left: 10px  !important;
}*/

#noticesControls {	
	position:absolute;
	right:0px;	
    top:380px;
	z-index:10000;
	width:300px;
	/*height:26px;*/
    /*height:36px;*/
    height:56px;
	text-align:right;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdebc4+0,fdebc4+100&amp;0+0,1+33 */
    /*background: -moz-linear-gradient(top,  rgba(253,235,196,0) 0%, rgba(253,235,196,1) 33%, rgba(253,235,196,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,235,196,0)), color-stop(33%,rgba(253,235,196,1)), color-stop(100%,rgba(253,235,196,1))); 
    background: -webkit-linear-gradient(top,  rgba(253,235,196,0) 0%,rgba(253,235,196,1) 33%,rgba(253,235,196,1) 100%); 
    background: -o-linear-gradient(top,  rgba(253,235,196,0) 0%,rgba(253,235,196,1) 33%,rgba(253,235,196,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(253,235,196,0) 0%,rgba(253,235,196,1) 33%,rgba(253,235,196,1) 100%); 
    background: linear-gradient(to bottom,  rgba(253,235,196,0) 0%,rgba(253,235,196,1) 33%,rgba(253,235,196,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fdebc4', endColorstr='#fdebc4',GradientType=0 );*/ 

    /*padding-top:10px;*/
}

.notices_alt_color .previous_next {
    background: -moz-linear-gradient(top,  rgba(253,235,196,0) 0%, rgba(253,235,196,1) 33%, rgba(253,235,196,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,235,196,0)), color-stop(33%,rgba(253,235,196,1)), color-stop(100%,rgba(253,235,196,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,235,196,0) 0%,rgba(253,235,196,1) 33%,rgba(253,235,196,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,235,196,0) 0%,rgba(253,235,196,1) 33%,rgba(253,235,196,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,235,196,0) 0%,rgba(253,235,196,1) 33%,rgba(253,235,196,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,235,196,0) 0%,rgba(253,235,196,1) 33%,rgba(253,235,196,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fdebc4', endColorstr='#fdebc4',GradientType=0 ); /* IE6-9 */
}

.notices_active_color .previous_next {
    background: -moz-linear-gradient(top,  rgba(254,242,217,0) 0%, rgba(254,242,217,1) 33%, rgba(254,242,217,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,242,217,0)), color-stop(33%,rgba(254,242,217,1)), color-stop(100%,rgba(254,242,217,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(254,242,217,0) 0%,rgba(254,242,217,1) 33%,rgba(254,242,217,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(254,242,217,0) 0%,rgba(254,242,217,1) 33%,rgba(254,242,217,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(254,242,217,0) 0%,rgba(254,242,217,1) 33%,rgba(254,242,217,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(254,242,217,0) 0%,rgba(254,242,217,1) 33%,rgba(254,242,217,1) 100%); /* W3C */
}

.noticesControls_dark {
    background: -moz-linear-gradient(top,  rgba(253,235,196,0) 0%, rgba(253,235,196,1) 33%, rgba(253,235,196,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,235,196,0)), color-stop(33%,rgba(253,235,196,1)), color-stop(100%,rgba(253,235,196,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(253,235,196,0) 0%,rgba(253,235,196,1) 33%,rgba(253,235,196,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(253,235,196,0) 0%,rgba(253,235,196,1) 33%,rgba(253,235,196,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(253,235,196,0) 0%,rgba(253,235,196,1) 33%,rgba(253,235,196,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(253,235,196,0) 0%,rgba(253,235,196,1) 33%,rgba(253,235,196,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fdebc4', endColorstr='#fdebc4',GradientType=0 ); /* IE6-9 */
}

.noticesControls_light {
   background-color:none;
}

#noticesControls a.noticesControl {
	display:inline-block;
	/*background-color: #f5c040;*/
	padding-left:12px;
	height:26px;
	background-repeat: no-repeat;
	background-position: right;	
}

#noticesControls a.noticesControl span {
	display:inline-block;
	margin-top:4px;
	margin-right:30px;
}

#noticesControls #noticesControlNext {
	background-image:url('../images/noticesPanelButtonNext26x26.png');
	display:inline-block;
}

#noticesControls #noticesControlPreviousWrapper {
	position:absolute;	
}

#noticesControls #noticesControlPrevious {
	background-image: url('../images/noticesPanelButtonPrevious26x26.png');
	display:inline-block;

}

#noticesControlMinimize {
	background-image:url('../images/noticesPanelButtonMinimize21x20.png');
	background-repeat:no-repeat;
	position:absolute;
	top:5px;
	right:17px;
	width:21px;
	height:20px;
	z-index:100;
	display:none;
}

.forYouDiv {
    width:99%; 
    min-height:275px; 
    /*margin-top:10px; current use*/ 
     margin-top:20px; 
    box-shadow:3px 3px 3px 3px #EDEDEC; 
    border:1px solid #EDEDEC;
}

.forYouHeader {
    background-color:#0d4e85; 
    width:56px; 
    float:left; 
    height:16px; 
    color:white; 
    font-size:12px; 
    padding:6px 12px;
}

.remainingCPThoursText {
    color:gray; 
    font-size:14px;
}

.tacticalFirearmsLabel, .driverTrainingLabel, .communicationText, .arrestControlLbText, .arrestControlSearchBtnSpan, .useOfForceLabel {
    color: #c36352;
    font-family: arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.tacticalFirearmsSearchBtnSpan, .communicationsSearchBtnSpan, .arrestControlSearchBtnSpan, .useOfForceSearchBtnSpan, .driverTrainingSearchBtnSpan {
    width: auto;
    float: right;
    text-align: center;
    line-height: 20px;
    padding-right: 20px;
}

.remainingCPThoursDiv {
    margin-top: 10px; margin-left:20px;
}

.ForYouSignInBtnDiv {
    margin-top:10px; margin-left: 20px;
}

#forYou {
	position:absolute;
	bottom:42px;
	/*border:1px solid #0F3;*/
	z-index:50;		
}

#forYouLine {
	border:0px;
}

#forYou #forYouHeading {
	color: #000;
	text-transform:uppercase;
	font-size:14px;
	
	margin-left: 33px;
	padding-top:6px;	
}

.personalized_div {
	position:absolute;
    bottom:4px;	
	z-index:50;	
	left: 200px;
	margin-top:20px;
}

.personalized_div_up {
	position:absolute;    
	z-index:50;
	width:700px;
	margin-top:20px;
}

.three_columns
{
  width: 280px;
}

.notification3-1 {
  width: 280px;
  padding: 25px 0px 25px 25px;
  text-align: center;
}
.notification3-2 {  
  width: 280px;
  padding: 25px 25px 25px 25px;
  text-align: center;
}
.notification3-3 {  
  width: 280px;
  padding: 25px 25px 25px 0px;
  text-align: center;
}
.notification2-1 {  
  width: 440px;
  padding: 25px 0px 25px 25px;
  text-align: center;
}
.notification2-2, .notification2-3 {  
  width: 440px;
  padding: 25px 25px 25px 25px;
  text-align: center;
}
#notification-area .notification1-1
{
  width:400px;  
  padding: 25px 50px 25px 50px;
  text-align: center;
}

#notification-area h1, #notification-area h2{ color:#505050; padding: 0; margin: 0; }

#notification-area a span h2 {
    color: #666;
    text-transform: none;
    font-size: 1.0em;
}

#notification-area p {color:black; font-weight: normal; padding-top: 0px; margin-top: 5px;} 

#notification-area a {color:#007BC7; text-decoration:none;}
#notification-area a:hover {text-decoration:underline;}

.home_search_button {
    width:120px;
    height:32px;
    font-weight:bold;
    font-size:14px;
    color: #1b2838;
    background-color:#e09932;
    -webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;    
    text-decoration:none;  
    text-align:center;
    cursor:pointer;
    border:0;
    background-repeat: no-repeat;
    background-size:15px 12px;
    background-position: 88px 11px;
    background-image:url(../images/iconSearchButtonArrows25x18.png);
    padding-right:20px;
}

.link_postid_button {
    width:150px;
    height:32px;
    font-weight:bold;
    font-size:14px;
    color: #1b2838;
    background-color:#e09932;
    -webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;    
    text-decoration:none;  
    text-align:center;
    cursor:pointer;
    border:0;
    background-repeat: no-repeat;
    background-size:15px 12px;
    background-position: 118px 11px;
    background-image:url(../images/iconSearchButtonArrows25x18.png);
    padding-right:20px;
}

.ps_search_button {
    width:64px;
    height:20px;
    font-weight:bold;
    font-size:12px;
    background-color:#e09932;
    -webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;    
    text-decoration:none;  
    text-align:center;
    cursor:pointer;
    border:0;
}

.notices_alt_color {
    background-color:#fdebc4;    
    height:60px;
    padding-left:10px;
    padding-right:10px !important;
}

.notices_active_color {
    background-color:#fef2d9; 
    height:60px;
    padding-left:10px;
    padding-right:10px  !important;
}

#tableNotices .notice_row div {
    padding-top:10px !important;
    padding-bottom:0px !important;   
}

#tableNotices .notice_detail div {    
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top:0px !important;
    vertical-align:top;    
}

#tableNotices div {  
    border-bottom:none;
    
}

#arrestControlImg {
    width: 52px;
    height: 40px;
    margin-top:15px;
    margin-left:5px;
}

#drivingImg {
    width: 40px;
    height: 40px;
    margin-top:15px;
    margin-left:5px;
}

#communicationsImg {
    width: 42px;
    height: 38px;
    margin-top:10px;
    margin-left:5px;
}

#tacticalFirearmsImg, #useOfForceImg {
    width: 30px;
    height: 38px;
    margin-top: 15px;
    margin-left: 5px;
}

.green_checked_marked {
    width: 20px;
    height: 22px;
}

.complete_word {
    font-family:Arial,Helvetica, sans-serif;
    font-size:14px;   
    color:gray;
}

.perishableSkillsBar {
	width:128px;
	height:20px;
	stroke:#ccc;
	stroke-width:1px;
}

.perishableSkillsBar.perishableSkillsBarComplete {
    width:100%;
    height:100%;
	fill: #d7dd3b;
	stroke:#fff;
	stroke-width:1px;
}

.CPT_progress_bar_img {
    width:47px;
    height:47px;
}

.CPT_progress_bar_Span {
    width:auto; float:left; text-align:center; line-height:20px; padding-left:20px;
}

.CPT_no_PS_label {
    font-weight:bold; font-size:16px; padding:10px 0px;
}

.no_CPT_no_PS_label {
    font-size:16px; padding:10px 0px;
}

.QAP_assessment_img {
	width: 34px;
	height: 18px;
	border: 1px solid #FFB533;
	display: inline;
	margin-top: 2px;
	vertical-align: bottom;
}

a.QAP_assessment_link_text {
	font-weight: 300;
}