/*main div on the wizard master */
#WizardMaster
{
    width:800px;
    margin-left:auto;
    margin-right:auto;
}

/*wizard content div on master */
#WizardContent
{    
}

.wizard-error
{
    background-color:#FFEAE5 !important;
    border:1px solid #FFA793 !important;
    color:#FF7151 !important;
}

#WizardContent input[type="text"], #WizardContent textarea
{
	margin:0 0 0 0;
	padding: 4px 4px;
	border-radius:5px;	
	border:1px solid #CCCCCC;
	height:19px;    
}
#WizardContent textarea
{
    width:100%;
    height:80px;
    
}
/*wizard buttons div on master */
#WizardButtons
{
    text-align:right;
    margin: 10px 0px 50px 0px;
}

#WizardStepTitle H2
{
    font-style:normal;
    font-size:16px;
}

/* general wizard styles */
div.wizard_label
{    
    margin-top:18px; 
    margin-right:12px;
    margin-bottom:3px;
}
span.wizard_label 
{
    font-weight:bold;
}
div.wizard_route_id
{
    float:right;
    font-weight:bold;
    margin-top:3px;
}

/* step 1 */

#divDistance
{
   float:right; 
}

#RW_Map, #RW_RouteDescription, #RW_ExtraInfo, #RW_GettingThere, #RW_Photos, #RW_RiskAssessment
{
    margin-left:15px;
    margin-right:15px;
}
#RW_RiskAssessment 
{
    min-height:150px;
}
#RW_ExtraInfo_Features input[type="checkbox"], #RW_ExtraInfo_Themes input[type="checkbox"]
{
    margin-left:8px;
}

#RW_ExtraInfo LABEL
{
    padding-left:3px;
    vertical-align:top;
    white-space:nowrap;
}


/* UCUserRoutes */
#UCUserRoutes{}

#UCUserRoutes input[value='all']
{
    margin-left:20px;    
}
TABLE.route_filter
{
    margin-bottom:9px;
    margin-top:9px;
}

/* ROUTE RISKS */
#RW_RiskAssessment{}
.RouteRisksList{}
.RouteRisksListItem, .RouteRisksListItemAlt
{
    padding:9px 9px;
    background-color:#D3E2DC;
    border-radius:10px;
    margin-bottom:10px;
}
.RouteRisksListItemAlt
{
    background-color:#F4F4F4;
}
.RouteRisksText
{
    margin:2px 0px 9px 6px;
}
.RouteRisksEditTemplate, #RouteRisksInsertTemplate
{
	border: solid 1px #CCC;
    border-radius: 5px;         
    -webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    2px 2px 5px rgba(50, 50, 50, 0.75);
    box-shadow:         2px 2px 5px rgba(50, 50, 50, 0.75); 
    padding:10px 10px 55px 10px;
    margin-bottom:10px;
    background-color:#D3E2DC;
}
.RouteRisksEditTemplateAlt, #RouteRisksInsertTemplate
{
     background-color:#F4F4F4;
}
.RouteRisksEditTemplate .RouteRisksText
{
    margin-left:0px;
    padding-right:10px;
}

.RouteRisksEdit
{       
    margin-top:6px;
    float:right;    
}
.RouteRisksLabel
{
    font-weight:bold;
}


/*  MAP 
----------------------------*/
#RW_Map
{}
#map-container
{
    position:relative;
    height:500px;
    width:100%;   
}
#map
{
    height:100%;
    width:100%;
    border:1px solid #ccc;
}
#map-container.wizard-largemap
{
    height:650px;   
}

#RW_Map_Search
{
    margin-bottom:12px;
}

/* = STEPS CONTAINER
----------------------------*/
.wizard-steps {
    margin:20px 10px 0px 20px;
    padding:0px;
    position: relative;
    clear:both;    
    font-weight: bold;
}
.wizard-steps div {
    float:left;
    margin-bottom:12px;
    margin-top:-18px;
}
/* = STEP NUMBERS
----------------------------*/
.wizard-steps span {
    display: block;
    float: left;
    font-size: 10px;
    text-align:center;
    width:15px;
    margin: 2px 5px 0px 0px;
    line-height:15px;
    color: #ccc;
    background: #FFF;
    border: 2px solid #CCC;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;      	    
}
/* = DEFAULT STEPS
----------------------------*/
.wizard-steps a {
    position:relative;
    display:block;
    width:auto;
    height:24px;
    margin-right: 18px;
    padding:0px 10px 0px 3px;
    float: left;
    font-size:11px;
    line-height:24px;
    color:#666;
    background: #F0EEE3;
    text-decoration:none;
    /*text-shadow:1px 1px 1px rgba(255,255,255, 0.8);*/
    /*turn pointer off */
    cursor:default;     
}
.wizard-steps .completed-step a
{
    /*make sure active links have correct pointer */
    cursor:pointer;
}
.wizard-steps .completed-step a:hover
{
    text-decoration:underline;    
}

.wizard-steps a:before {
    width:0px;
    height:0px;
    border-top: 12px solid #F0EEE3;
    border-bottom: 12px solid #F0EEE3;
    border-left:12px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: -12px;
}
.wizard-steps a:after {
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left:12px solid #F0EEE3;
    position: absolute;
    content: "";
    top: 0px;
    right: -12px;
}
 
/* = COMPLETED STEPS
----------------------------*/
 
.wizard-steps .completed-step a {
    color:#FFFFFF;
    background: #206C49;
}
.wizard-steps .completed-step a:before {
    border-top: 12px solid #206C49;
    border-bottom: 12px solid #206C49;
}
.wizard-steps .completed-step a:after {
    border-left: 12px solid #206C49;
}
.wizard-steps .completed-step span {
    border: 2px solid #79A792;
    color: #000000;
    text-shadow:none;
}
/* = ACTIVE STEPS
----------------------------*/
.wizard-steps .active-step a {
    color:#FFFFFF;
    background: #C75B12;
    text-shadow:1px 1px 1px rgba(0,0,0, 0.8);
}
.wizard-steps .active-step a:before {
    border-top: 12px solid #C75B12;
    border-bottom: 12px solid #C75B12;
}
.wizard-steps .active-step a:after {
    border-left: 12px solid #C75B12;
}
.wizard-steps .active-step span {
    color: #163038;
    -webkit-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    -moz-box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    box-shadow:0px 0px 2px rgba(0,0,0, 0.8);
    text-shadow:none;
    border: 2px solid #DD9D71;
}
/* = HOVER STATES
----------------------------*/
.wizard-steps .completed-step:hover a, .wizard-steps .active-step:hover a {
  /*  color:#A8B400;
    background: #333333;
    text-decoration:underline;
    text-shadow:1px 1px 1px rgba(0,0,0, 0.8); /*
}
.wizard-steps .completed-step:hover span, .wizard-steps .active-step:hover span {
    /*color:#A8B400;*/
}
.wizard-steps .completed-step:hover a:before, .wizard-steps .active-step:hover a:before {
    /*border-top: 12px solid #333333;
    border-bottom: 12px solid #333333;*/
}
.wizard-steps .completed-step:hover a:after, .wizard-steps .active-step:hover a:after {
   /* border-left: 12px solid #333333;*/
}


/*      RoutesBuilder styles         */
/*-----------------------------------*/
#RoutesBuilderMaster
{
    width:940px;
    margin-left:auto;
    margin-right:auto;  
}
#RoutesBuilderMaster input[type="text"]
{
	margin:0 0 0 0;
	padding: 4px 4px;
	border-radius:5px;	
	border:1px solid #CCCCCC;
	height:19px;    
}

/* Routes to check base layer selectore  */
/*---------------------------------------*/
.baseLayerSelector
{
    position:absolute;
    top:0px;
    right:0px;
    /*width:200px;*/
    z-index:999;   
}
.baseLayerIcon
{
    margin:5px 5px;
    vertical-align:bottom;
    float:left;
    width:70px;
    height:80px;    
}
.baseLayerIconHover
{
    /*border-width:3px !important;*/
    cursor:pointer;
}
.baseLayerImage
{
    width:70px;
    height:55px;
    background-image:url(images/checkroutes_sprite.png);
}
.baseLayerIcon .iconOSM
{
    background-position: 0 -105px;
}
.baseLayerIcon .iconOS
{
    background-position: 0 0;
}
.baseLayerIconLabel
{
    text-align:center;
    height:25px;
    font-size:x-small;
    line-height:normal;
}

/* USER DASHBOARD - LIST VIEW DETAIL  */
/*----------------------------------*/
#UserDashboard
{
}
#UserDashboard_header
{    
    color:#333;
    padding:8px 0px 8px 0px;
    font-weight:bold;
    font-size:16px;  
}
.ESDM_route_list
{
    margin-top:10px;
    margin-left:6PX;
}
.ESDM_route_list_detail
{    
    margin-bottom:12px;  
    height:120px;  
    position:relative;
}
.ESDM_route_list_detail_edit
{
    position:absolute;
    bottom:4px;
    left:170px;
}
.ESDM_route_list_photo
{
   float:left;  
   width:170px;
   /*text-align:center*/
}
.ESDM_route_list_detail_record
{   
    margin-top:4px;
    margin-left:170px
}
.ESDM_route_list_detail_hdr
{
    font-weight:bold;
}
.ESDM_route_list_detail_summary
{
    margin-top:6px;
    line-height:1.3em;
}
#ESDM_route_list_no_results
{
    margin:20px 0px 0px 20px;
    font-size:16px;
    font-weight:bold;
    height:200px;
}