﻿




/*
		<span id="TabMap_tab">
			<span class="ajax__tab_outer">
				<span class="ajax__tab_inner">
					<span class="ajax__tab_tab" id="__tab_TabMap">Map
					</span>
				</span>
			</span>
		</span>
*/

#__tab_TabMap, #__tab_TabDescription, #__tab_TabFeatures, #__tab_TabComments, #__tab_TabRisk, 
#__tab_TabPhotos, #__tab_TabPanelAdmin, #__tab_TabPanelPackInfo, #__tab_TabPanelNonPackInfo,
#__tab_TabExtraInfo, #__tab_TabRoutes, #__tab_TabRoutesAvailable, #__tab_TabRoutesFinished, #__tab_TabAllRoutes,
#__tab_TabRoutesDeveloping, #__tab_TabRoutesChecking, #__tab_TabRoutesEditing, #__tab_TabRoutesAuthorising, #__tab_TabRoutesWorkedOn,
#__tab_TabRoutesAvailable_todevelop, #__tab_TabRoutesAvailable_tocheck, #__tab_TabRoutesAvailable_toedit,#__tab_TabRoutesAvailable_toauthorise,
#__tab_TabPacksDraft,#__tab_TabPacksPending,#__tab_TabPacksAwaiting, #__tab_TabPacksAuthorised, #__tab_TabPacksFinished,
#__tab_TabUsers, #__tab_TabProjects, #__tab_TabContactVolunteers,
#__tab_TabPanelExport, #__tab_TabMap,
#__tab_TabRegister, #__tab_TabCurrentRoutes, #__tab_TabInteractiveMap, #__tab_TabVideo,
#__tab_TabPack, #__tab_TabRoutes
{
	background-image: none !important;
	font-size: medium;
	font-weight: bold;
}
.ajax__tab_header, .ajax__tab_tab
{
    font-size:12px !important;  
    letter-spacing:1px;  
    font-weight: bold;
    padding-right:12px !important;  
    padding-left:12px !important;  
}
/*smaller font for sub-tab headers */
#__tab_TabRoutesDeveloping, #__tab_TabRoutesChecking, #__tab_TabRoutesEditing, #__tab_TabRoutesAuthorising, #__tab_TabRoutesWorkedOn,
#__tab_TabRoutesAvailable_todevelop, #__tab_TabRoutesAvailable_tocheck, #__tab_TabRoutesAvailable_toedit,#__tab_TabRoutesAvailable_toauthorise
{
    font-size:11px !important;  
}

.ajax__tab_outer
{
	background-image: url('images/tabRight.png') !important;
	background-position: right top !important;
	padding-bottom: 5px;
}
.ajax__tab_inner
{
	background-image: url('images/tabLeft.png') !important;
	background-position: left top !important;
	/*padding-bottom: 5px;*/
}
.ajax__tab_active
{
	background-color: white !important;
	color: #000 !important;

}
.ajax__tab_tab SPAN
{
 	color: #fff !important;   
}
.ajax__tab_active SPAN
{
	color: #000 !important;
}
.ajax__tab_active .ajax__tab_outer
{
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
}
#TabMap_tab .ajax__tab_active 
{
	border: 1px solid red !important;
}

.ajax__tab_hover
{
	text-decoration: underline;
	color: #fff;
}

/* make sure the date popup show on the admin tab */
#Dashboard .ajax__scroll_none
{
    overflow:visible !important;
}

/* red tab */
#TabMap_tab, #TabRoutes_tab, #TabRoutesDeveloping_tab, #TabRoutesAvailable_todevelop_tab, #TabPacksDraft_tab, #TabUsers_tab, #TabRegister_tab,
#TabPack_tab
{
	background-color: #E31937;
	color: #fff !important;	
}
#TabRoutesDeveloping_tab, #TabRoutesAvailable_todevelop_tab, #TabPacksDraft_tab
{
	margin-left:20px;
}
#TabMap_tab .ajax__tab_outer,#TabRoutes_tab .ajax__tab_outer,#TabRoutesDeveloping_tab .ajax__tab_outer, #TabRoutesAvailable_todevelop_tab .ajax__tab_outer, 
#TabPacksDraft_tab .ajax__tab_outer, #TabUsers_tab .ajax__tab_outer,
#TabRegister_tab .ajax__tab_outer,
#TabPack_tab .ajax__tab_outer
{
	background-color: inherit;
}
#TabRoutesDeveloping_tab  .ajax__tab_outer, #TabRoutesAvailable_todevelop_tab .ajax__tab_outer
{	
	/*padding-bottom: 0px;*/
}
#TabMap_tab .ajax__tab_inner,#TabRoutes_tab .ajax__tab_inner,#TabRoutesDeveloping_tab .ajax__tab_inner, #TabRoutesAvailable_todevelop_tab  .ajax__tab_inner,
#TabPacksDraft_tab .ajax__tab_inner, #TabUsers_tab .ajax__tab_inner,
#TabRegister_tab .ajax__tab_inner,
#TabPack_tab .ajax__tab_inner
{
	background-color: inherit;
}
#TabRoutesDeveloping_tab  .ajax__tab_inner, #TabRoutesAvailable_todevelop_tab  .ajax__tab_inner
{	
	/*padding-bottom: 0px;*/
}

/* orange tab */
#TabDescription_tab, #TabRoutesAvailable_tab, #TabRoutesChecking_tab, #TabRoutesAvailable_tocheck_tab, #TabPacksPending_tab, #TabProjects_tab,
#TabCurrentRoutes_tab
{
	background-color: #E36F1E;
	color: #fff;
}
#TabDescription_tab .ajax__tab_outer, #TabRoutesAvailable_tab  .ajax__tab_outer, #TabRoutesChecking_tab  .ajax__tab_outer, #TabRoutesAvailable_tocheck_tab  .ajax__tab_outer,
#TabPacksPending_tab .ajax__tab_outer, #TabProjects_tab .ajax__tab_outer,
#TabCurrentRoutes_tab .ajax__tab_outer
{
	background-color: inherit;	
}
#TabRoutesChecking_tab  .ajax__tab_outer, #TabRoutesAvailable_tocheck_tab  .ajax__tab_outer
{	
	/*padding-bottom: 0px;*/
}
#TabDescription_tab .ajax__tab_inner, #TabRoutesAvailable_tab  .ajax__tab_inner, #TabRoutesChecking_tab  .ajax__tab_inner, #TabRoutesAvailable_tocheck_tab  .ajax__tab_inner,
#TabPacksPending_tab .ajax__tab_inner, #TabProjects_tab .ajax__tab_inner,
#TabCurrentRoutes_tab .ajax__tab_inner
{
	background-color: inherit;	
}
#TabRoutesChecking_tab  .ajax__tab_inner, #TabRoutesAvailable_tocheck_tab  .ajax__tab_inner
{	
	/*padding-bottom: 0px;*/
}

/* green tab */
#TabFeatures_tab, #TabRoutesFinished_tab, #TabRoutesEditing_tab, #TabRoutesAvailable_toedit_tab, #TabPacksAwaiting_tab, #TabContactVolunteers_tab,
#TabInteractiveMap_tab,
#TabRoutes_tab
{
	background-color: #00674E;
	color: #fff;
}
#TabFeatures_tab .ajax__tab_outer ,#TabRoutesFinished_tab .ajax__tab_outer, #TabRoutesEditing_tab .ajax__tab_outer, #TabRoutesAvailable_toedit_tab  .ajax__tab_outer,
#TabPacksAwaiting_tab .ajax__tab_outer, #TabContactVolunteers_tab .ajax__tab_outer,
#TabInteractiveMap_tab .ajax__tab_outer,
#TabRoutes_tab .ajax__tab_outer
{
	background-color: inherit;
}
#TabRoutesEditing_tab  .ajax__tab_outer, #TabRoutesAvailable_toedit_tab  .ajax__tab_outer
{	
	/*padding-bottom: 0px;*/
}
#TabFeatures_tab .ajax__tab_inner, #TabRoutesFinished_tab .ajax__tab_inner, #TabRoutesEditing_tab .ajax__tab_inner, #TabRoutesAvailable_toedit_tab  .ajax__tab_inner,
#TabPacksAwaiting_tab .ajax__tab_inner, #TabContactVolunteers_tab .ajax__tab_inner,
#TabInteractiveMap_tab .ajax__tab_inner,
#TabRoutes_tab .ajax__tab_inner
{
	background-color: inherit;
}
#TabRoutesEditing_tab  .ajax__tab_inner, #TabRoutesAvailable_toedit_tab  .ajax__tab_inner
{	
	/*padding-bottom: 0px;*/
}

/* brown tab */
#TabComments_tab, #TabAllRoutes_tab, #TabRoutesAuthorising_tab, #TabRoutesAvailable_toauthorise_tab, #TabPacksAuthorised_tab,
#TabVideo_tab
{
	background-color: #6E5300;
	color: #fff;
}
#TabComments_tab .ajax__tab_outer, #TabAllRoutes_tab .ajax__tab_outer, #TabRoutesAuthorising_tab .ajax__tab_outer, #TabRoutesAvailable_toauthorise_tab  .ajax__tab_outer,
#TabPacksAuthorised_tab .ajax__tab_outer,
#TabVideo_tab .ajax__tab_outer
{
	background-color: inherit;
}
#TabRoutesAuthorising_tab  .ajax__tab_outer, #TabRoutesAvailable_toauthorise_tab  .ajax__tab_outer
{	
	/*padding-bottom: 0px;*/
}
#TabComments_tab .ajax__tab_inner, #TabAllRoutes_tab .ajax__tab_inner, #TabRoutesAuthorising_tab .ajax__tab_inner, #TabRoutesAvailable_toauthorise_tab  .ajax__tab_inner,
#TabPacksAuthorised_tab .ajax__tab_inner,
#TabVideo_tab .ajax__tab_inner
{
	background-color: inherit;
}
#TabRoutesAuthorising_tab  .ajax__tab_inner, #TabRoutesAvailable_toauthorise_tab  .ajax__tab_inner
{	
	/*padding-bottom: 0px;*/
}

/* aqua tab */
#TabRisk_tab, #TabRoutesWorkedOn_tab, #TabPacksFinished_tab, #TabMap_tab
{
	background-color: #00929F;
	color: #fff;
}
#TabRisk_tab .ajax__tab_outer, #TabRoutesWorkedOn_tab .ajax__tab_outer, #TabPacksFinished_tab .ajax__tab_outer, #TabMap_tab .ajax__tab_outer
{
	background-color: inherit;
}
#TabRoutesWorkedOn_tab  .ajax__tab_outer
{	
	/*padding-bottom: 0px;*/
}
#TabRisk_tab .ajax__tab_inner, #TabRoutesWorkedOn_tab .ajax__tab_inner, #TabPacksFinished_tab .ajax__tab_inner, #TabMap_tab .ajax__tab_inner
{
	background-color: inherit;
}
#TabRoutesWorkedOn_tab  .ajax__tab_inner
{	
	/*padding-bottom: 0px;*/
}

/* burgundy */
#TabPhotos_tab
{
	background-color: #8A2003;
	color: #fff;
}
#TabPhotos_tab .ajax__tab_outer
{
	background-color: inherit;
}
#TabPhotos_tab .ajax__tab_inner
{
	background-color: inherit;
}

/* grey/green */
#TabPanelPackInfo_tab, #TabPanelNonPackInfo_tab, #TabExtraInfo_tab
{
	background-color:#8BAEA2;
	color: #fff;
}
#TabPanelPackInfo_tab .ajax__tab_outer, #TabPanelNonPackInfo_tab  .ajax__tab_outer, #TabExtraInfo_tab .ajax__tab_outer
{
	background-color: inherit;
}
#TabPanelPackInfo_tab .ajax__tab_inner, #TabPanelNonPackInfo_tab  .ajax__tab_inner, #TabExtraInfo_tab .ajax__tab_inner
{
	background-color: inherit;
}

/* black */
#TabPanelAdmin_tab
{
	background-color: #000;
	color: #fff;
}
#TabPanelAdmin_tab .ajax__tab_outer
{
	background-color: inherit;
}
#TabPanelAdmin_tab .ajax__tab_inner
{
	background-color: inherit;
}

/* lime */
#TabPanelExport_tab
{
	background-color: #AFBD22;
	color: #fff;
}
#TabPanelExport_tab .ajax__tab_outer
{
	background-color: inherit;
}
#TabPanelExport_tab .ajax__tab_inner
{
	background-color: inherit;
}

/* style for content DIV on route edit tabs */
.tabContent
{
   position:relative; 
}

/* details view 
   used in controls.skin <asp:DetailsView runat="server"
                                          CssClass="detailView" 
*/

/*ajax waternark */
.watermark
{
 color:#666;   
 font-style:normal;
}

.detailView
{      
    border:solid 1px #B2B2B2;     
}
.detailView .hdr
{ 
    border-bottom: solid 1px #BBD9EE;   
    padding: 3px 5px 2px 10px;    
    min-width:25%;
    text-align:right;   
    color:#444444;    
} 
.detailView .row,.detailView .altrow
{
    height:24px;   
    background-color:#F9F8F8;
}
.detailView .altrow 
{
    /*background-color:#EBF4FA;     */
}
.detailView .textEdit 
{
    width:220px;
}
.detailView .field 
{
    padding: 1px 10px 1px 10px;
    border-bottom: solid 1px #BBD9EE;
    width:75%;
    color:#444444;  
}
.detailView .dtvFooter, .dtvHeader 
{
    background-color:#EBE7E7;
    text-align:left;
    /*height:20px;*/
    border-top:solid 1px #666;
    padding:4px 10px 4px 10px;  
    min-height:26px;     
}

.detailView .dtvFooter
{    
    text-align:right;   
}
.dtvHeader 
{  
    /*border-bottom:solid 1px #666; 
    border-top:none;*/
    border: solid 4px #EBE7E7;
    -moz-border-radius: 5px;
    border-radius: 10px; 
    margin-bottom:15px;
}
.detailView .dtvFooter input
{
    font-size:smaller;  
}
.detailView select
{
    color:#444444;
}

.detailView input .dtvHeader input
{
    font-size:x-small;  
}

/*************************************/
/* GRID STYLES */
/* table level rules */

.grid
{		
	/*border: solid 1px #7f7f7f;*/
    /*border-collapse:collapse;	*/
    color: #222222;
    width:100%;       
    margin-top:10px;   
    margin-bottom:10px;
}
/* header column rules */
.grid th 
{
    background: url(images/grid_header.png) repeat-x 0px 0px;   
    border-color: #cbcbcb #cbcbcb #cbcbcb #cbcbcb;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 2px;
    color: #000;
    padding: 4px 5px 4px 10px;
    vertical-align: top; 
    font-weight:normal;    
}
.grid th:first-child
{ 
	border-left: solid 1px #cbcbcb;
}
.grid th
{
	/*border-top: 2px solid #F3F7F6 !important;
	border-bottom: 2px solid #F3F7F6 !important;*/
	color:#565656;
}
.grid th a
{	
	padding-right: 20px;
	color:#000 !important;
}
.grid tr
{
	padding: 2px 0;
}

/*grid priority row style */
.headerstyle
{	
	font-weight: bold;
}
.headerstyle .sortascheader a, .headerstyle .sortdescheader a, .headerstyle .sortheader a
{
	height: 15px;
	text-decoration: none;
}
.headerstyle .sortascheader, .headerstyle .sortdescheader
{
	/*background: url(sprite.png) repeat-x 0px -100px;   */
	}
.headerstyle .sortascheader a
{
	background: url(images/dt-arrow-up.png) no-repeat right 50%;	
}
.headerstyle .sortascheader a:hover
{
	background: url(images/dt-arrow-dn.png) no-repeat right 50%;	
}
.headerstyle .sortdescheader a
{
	background: url(images/dt-arrow-dn.png) no-repeat right 50%;	
}
.headerstyle .sortdescheader a:hover, .headerstyle .sortheader a:hover
{
	background: url(images/dt-arrow-up.png) no-repeat right 50%;	
	text-decoration:underline;
}
.headerstyle .sortascheader:hover, .headerstyle .sortdescheader:hover
{
	/* background: url(grid_header.png) repeat-x 0px -100px;*/ /*background: white;*/
}
.headerstyle .sortheader:hover
{
	/*background: url(grid_header.png) repeat-x 0px -100px;*/ /*	background: white;*/
}


/* data cell and data row rules */
/* data cell and data row rules */
.grid .datacell
{
	color:#333333;
    padding: 3px 10px 3px 10px;
    border-bottom: solid 1px #BBD9EE;   
}
.grid td.datacell:first-child
{ 
	border-left: solid 1px #cbcbcb;
}
.grid td.datacell:last-child
{ 
	border-right: solid 1px #cbcbcb;
}


.grid .footercell, .footercellTotal
{
	padding: 4px 10px 4px 10px;
}
.grid .footercellTotal
{
	border-top: solid 2px black;
	font-weight: bold;
	text-align: right;
}
.grid .selectedrow .datacell
{
	color: White;
}
.grid .selectedrow
{
	color: White;
}
.grid .rowSpacerCell
{
	background: url(images/grid_header.png) repeat-x 0px -195px; /*border-color: #989898 #cbcbcb #989898 #989898; 	border-style: solid solid solid none; 	border-width: 1px 1px 1px 2px;*/
	padding: 4px 5px 4px 10px;
}
.grid .emptydata
{
}

/* cell style for each data cell */
.grid .altrow, .grid .row1
{
	/* background-color: #EBF4FA; */ /*background-color: #F7CFA6;*/
	background-color: #D3E2DC; /*border: 2px solid white !important;*/
}
.grid .row, .grid .row0
{
	/* background-color: #fff; */ /*background-color: #F9EC99;*/
	background-color: #F4F4F4;
}
.grid .mouseoverrow
{
	background-color: #B8D5FF; /* background-color: #FFFFE1;*/
}
.row .sortcol, .altrow .sortcol
{
	background-color: #dbeaff;
}
.grid .editRow
{
	background-color: #CCCCCC;
}
.grid .selectedrow
{
	background-color: #2D53BB;
	vertical-align: middle;
}
.grid .footerRow
{
	/*background-color: #F4F5F5;*/
	background-color: #206C49;
}
/* GRID PAGER STYLES */
.pagerstyle
{
	/* color:#444444;     background-color:#DEDEDE; */ /*background-color: #29AB26;*/
	background-color: #206C49;
	color: White;
	font-size: small;
	text-align: right;
}
.previous
{
	/* background:transparent url(images/previous.gif) no-repeat scroll center;*/
	background: #F9EC99 url(images/previous.gif) no-repeat scroll center;
	height: 1.3em;
	width: 16px;
}
.next
{
	/*background:transparent url(images/next.gif) no-repeat scroll center;*/
	background: #F9EC99 url(images/next.gif) no-repeat scroll center;
	height: 1.3em;
	width: 16px;
}
.gotopage
{
	font-size: x-small;
	width: 20px;
}

/*the div that holds the grids filter settings */
.gridFilter
{
	/*margin-left: 22px;
	margin-bottom: 2px;
	text-align:right;*/
	padding-top:5px;
	/*border:1px solid red;*/
	width:500px;
	float:left;
	height:32px;
}
.gridFilter INPUT
{
margin-left: 4px;	
/*	width:35px;*/
}
.findRecords
{   
    /*border:1px solid red;*/
    margin-left:520px;
    background-color: transparent;
    padding:3px 10px;
    color:#4c4c4c;
    text-align:right;    
    white-space:nowrap;
}
.findRecords INPUT
{
	margin-left: 4px;	
	width:35px;
}

/* END GRID STYLES */
/*************************************/

/* MODAL EXTENDER */
.ModalBackground
{
	background-color: Gray;
	filter: alpha(opacity=75);
	opacity: 0.75;
}
.PopupPanel
{
    border: solid 6px #8BAEA2;
    background-color: #F5F5DC;
    padding: 10px 10px 10px 10px;
    -moz-border-radius: 15px;
    border-radius: 15px;   
	width:80%;
}
.popupHeader 
{   
    border: solid 4px #8BAEA2;
    -moz-border-radius: 10px;
    border-radius: 10px; 
    margin-bottom:15px;
    background-color:#8BAEA2;
    padding:4px 10px 4px 10px; 
    color:White;
    text-align:center; 
}

.DisableControlExtenderBackground
{
	background-color: Gray;
	filter: alpha(opacity=75);
	opacity: 0.75;
}

/* reset font on tabs */
.ajax__tab_xp .ajax__tab_body
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: small !important;
}

/* VALIDATION SUMMARY */
.ValidationSummary
{
    border:1px solid #FA6961;    
    border-radius:8px;
    -moz-border-radius: 8px;
    padding: 10px 10px 10px 30px;
    background:#F1E7D1 url('images/error16.png') no-repeat 8px 8px;
    font-size:11px;
    font-weight:bold;
    margin-bottom:12px;
    white-space:nowrap;
    width:350px;
}
.ValidationSummary UL
{
    color:black;
    margin-top:12px;
    margin-left:0px;
    list-style-position:inside;
}
.ValidationSummary LI
{   
    font-size:11px;
    font-weight:normal;
}

/* JQUERY Multiselect
----------------------------------*/
.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:999999 }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

/* JQUERY Collapse
----------------------------------*/
#div_collapse h3 a
{
    color:#526C88;
    text-decoration:none;
}
#div_collapse h3 
{
   /* padding: 5px; 
    cursor:pointer; 
    background: #eee url("images/state.gif") no-repeat 100% 5px; 
    display:block; 
    text-decoration:none; 
    margin:0; 
    margin-top:10px;*/    
    background: url("images/expand.png") no-repeat 0px 0px; 
    padding-left: 20px; 
    padding-top:2px;
    text-decoration: none;
} 
#div_collapse h3.inactive 
{
    background: url("images/expand.png") no-repeat 0px 0px; 
}

#div_collapse h3.active 
{
    background: url("images/collapse.png") no-repeat 0px 0px; 
}

/*jquery for register - need to be smaller */
#Login_Register .ui-button-text
{
     padding: 9px 12px !important;
}
#Login_Register .ui-widget
{
     font-size:18px !important;
}
#Login_Welcome1
{
    position:absolute;
    top:30px;
    left:30px;
    font-size:22px;
    font-weight:bold;
    font-family:Arial;
    max-width:1050px;  
    color:Black;   
}
#Login_Welcome2
{
    position:absolute;
    top:100px;
    left:30px;    
    font-size:20px;
    font-weight:normal;
    font-family:Arial; 
    width:700px; 
    color:Black;
}

/* RSS TICKER */
/*
<div class="ticker">
  <ul>    
    <li>
    <div class="header"><a href="...    
    <div class="body">
    <div class="footer">       
*/
.ticker
{ 		
    margin:5px 0px;
}
.ticker .header A
{
    font-size:11px;
    font-weight:bold;
    line-height:normal;
}
.ticker .body P
{
     font-size:11px;   
}
.ticker .footer
{
    font-size:10px;
    margin-bottom:8px;
   /* font-style:italic;*/
}
.ticker li
{    
    background-image:none !important;  
}


/*jquery changes */
.ui-widget
{
    font-size:small !important;
    font-weight:normal !important;
}

/* LOGON CONTROL */
.LoginPanel
{
	margin-top:10px;
	/*padding-top: 30px;
	height: 170px;	
    margin-left:auto;
    margin-right:auto;*/
    width:450px;	
    margin-left:auto;
    margin-right:auto;
}
/*jquery login/forgotten - need to be smaller */
/*.LoginPanel .ui-button-text
{
     padding: 3px 6px !important;
}
.LoginPanel .ui-widget
{
     font-size:12px !important;
}*/

.LoginPanel TABLE
{	
	border-collapse:collapse;
}
.LoginPanel td
{
    padding: 8px 10px 8px 5px;
}
.LoginPanel .inputField
{
	width: 200px;
	/*margin-right:0px;*/
}
.LoginPanel .TDLabel, .LoginPanel .TDField
{
	font-weight:bold;
}
.LoginPanel .TDLabel
{
	/*width: 160px;*/
	text-align: left;
	/*font-size:12px;
	vertical-align:bottom;*/
}
.LoginPanel .TDField INPUT
{	
	font-weight:normal;
}
.LoginPanel .TDVal
{
   /* width:8px;*/
}

/*WORKFLOW USER CONTROSL CSS */

.ControlTitle
{
	/*font-size: small;
	text-transform: uppercase;*/
	font-weight: bold;
	color: #494949;
	margin-left: 6px;
}

#AdminMap
{
	background: url(  '~/images/NoMap.png' ) center no-repeat;
}


/* time since last save */
.clock
{
    font-size:12px;
    font-weight:bold;
    margin-top:9px;
    margin-bottom:9px;   
}

/* label / form field style only used on export tab at mo*/
#UCExportRouteContainer FIELDSET
{
    width:600px;
    margin-bottom:25px;
    padding-bottom:18px;
}
div.label
{
   font-weight:bold;  
   margin-bottom:2px;
}
div.formfield
{
     margin-bottom:18px;
}
div.formfield LABEL
{
    margin-right:18px;
    margin-left: -4px;
}
          
/*standard form/table styles */
.gwkwTD
{
	max-width: 200px;
	/*min-width: 150px;*/
	font-weight: bold;		
    padding:6px 0px 6px 10px;
    vertical-align:middle;
}
/* stops form labels wrapping on the routeedit form - plenty of space not to wrap them */
.tabContent .gwkwTD SPAN
{
    white-space:nowrap;
}
.gwkwTDData, .gwkwTDDataR
{	
	padding:6px 0px 6px 10px;
    vertical-align:middle;
}
.gwkwTDDataR
{
    background: url(images/required.gif) no-repeat left 10px;
}
.gwkwLabelValue
{
	width: 400px;
	/*font-weight: bold;*/
	color: #333333;
	padding-top:5px;
}
.gwkwTR
{
	/*min-height: 23px;*/
}

/*.tabRouteEdit .gwkwTD
{
	max-width: 150px;
	min-width: 150px;
	font-weight: bold;
	width: 300px;
	white-space:nowrap;
}*/
.tabRouteEdit
{
    width:100%;
    margin-top:20px;
    border-collapse:collapse;
}

.tabRouteEdit .gwkwLabelValue
{
	width: 400px;
	font-weight: normal;
}

.TimeValueLayout
{
	width: 16px;
	font-weight: normal;
}

/* popup on tab route edit form */
#FinishRouteOptions
{
    padding:10px 10px;    
}
#FinishRouteOptions DIV
{
    margin-bottom:6px;
        
}

/* containing div for ck editors*/
.ckPanel
{
    margin-bottom: 10px;      
    width:800px;
}
/*END WORKFLOW USER CONTROLS CSS */



/* CheckListPicker  */
.CheckListPicker .PopupPanel
{
	padding: 30px 30px 30px 30px;
}
/*the display textbox */
.CheckListPicker .display
{
	width: 300px;
	white-space: nowrap;
}
.CheckListPicker TD
{
	padding: 3px 6px 3px 6px;
}
.CheckListPicker LABEL 
{
    padding-left:3px;
    vertical-align:top;
    white-space:nowrap;
}
/*---------------------------------------------*/
/* DATA FORM ENTRY STYLES */
table.dataforms
{
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	margin-left: 100px;
	margin-right: 100px;
	width: 80%;
}
tr.formrow
{
	/*    border-bottom:dashed 1px #CCCCCC;*/
}
/* form label */
td.formlabel, td.formlabelH
{
	background-color: transparent;
	padding-right: 2px;
	padding-top:6px;
	text-align: right;
	/* white-space: nowrap; */
	border-bottom: dashed 1px #CCCCCC;
	width: 45%;
}
td.formlabelH
{
    /* td that contains the help icon*/
    width: 20px;
    max-width: 20px;
}
/*form field */
td.formdata, td.formdataR
{
	padding: 5px 10px 5px 10px;
	background-color: transparent;
	/* white-space: nowrap; */
	border-bottom: dashed 1px #CCCCCC;
	width: 55%;
}
/*------------------------------*/
/*  EditCandidatePackBoardForm overrides  */
#EditCandidatePackBoardForm table.dataforms
{
    width:750px;  
    margin:0px 20px;
}
#EditCandidatePackBoardForm td.formlabel
{
    width: 250px;
}
#EditCandidatePackBoardForm td.formdata, #EditCandidatePackBoardForm td.formdataR
{
    width: 480px;
}

/*------------------------------*/
/*  UCPackRoutes overrides  */
#UCPackRoutes table.dataforms
{
    width:100%;  
    margin:0px 0px;
}
#UCPackRoutes td.formlabel
{
    width:30%;
    white-space:nowrap;
}
#UCPackRoutes td.formdata, #UCPackRoutes td.formdataR
{
     width:70%;   
}

/*------------------------------*/
/*  UserControls_UsersGridView overrides  */
#UserControls_UsersGridView table.dataforms
{
    width:700px;
    margin:0px 0px;
}
#UserControls_UsersGridView td.formlabel
{
    width:30%;
    white-space:nowrap;
}
#UserControls_UsersGridView td.formdata, #UserControls_UsersGridView td.formdataR
{
     width:70%;  
     padding: 2px 10px 2px 10px; 
}
#UserControls_UsersGridView_Search
{
    width:700px;
    border-radius:10px;
    -moz-border-radius: 10px;
    background-color:#F8F8F8;
    border:1px solid #DDDDDD;
    padding:0px 6px 6px 6px;
    margin-bottom:6px;
}


/*form field required*/
td.formdataR
{
    padding-left:10px;
	background: url(images/required.gif) no-repeat 0px 10px;
}


td.GWKWAreaTD
{
    width: 200px;
}

td.GeograpahicalAreaTD
{
    
}

div.GeographicalAreaTree td
{
    width: 15px;
}

div.GeographicalAreaTree td.GeographicalAreaTreeNodes
{
    width: 250px;
}


div.GeographicalAreaGWKW table
{
    width: 150px;
}



DIV.required
{
	background: url(images/required.gif) no-repeat 0px center;
	margin: 2px 0px 6px 6px;
	padding-left: 10px;
	font-style: italic;
	font-size:x-small;
}

/* editable form element */
INPUT.formcontrol
{
	/*font-size: x-small;*/
	color: black;
	background-color: white;
	width: 280px;
}
SPAN.formtip
{
	font-size: x-small;
	font-style: italic;
	margin-left: 0px;
	vertical-align: bottom;
}

div.rounded
{
	margin: 10px;
	clear: both;
	max-width: 2400px;
	width:98%;
	border:1px solid white;
}

div.rounded div.top
{
	background: url(images/tl_paleBlue.gif) no-repeat left bottom;
	padding: 0px;
	width: 100%;
}

div.rounded div.top div.right
{
	background: url(images/tr_paleBlue.gif) no-repeat right bottom;
	height: 14px;
	margin-left: 14px;
}

div.rounded div.middle
{
	background: url(images/l_paleBlue.gif) repeat-y left;
	clear: both;
	width: 100%;
}

div.rounded div.middle div.right
{
	background: url(images/r_paleBlue.gif) repeat-y right;
	margin-left: 14px;
}

div.rounded div.middle div.right div.content
{
	background: url(images/bg_paleBlue.gif) repeat top left;
	margin-right: 14px;
}

div.rounded div.bottom
{
	background: url(images/bl_paleBlue.gif) no-repeat left top;
	clear: both;
	padding: 0px;
	width: 100%;
}

div.rounded div.bottom div.right
{
	background: url(images/br_paleBlue.gif) no-repeat right top;
	height: 14px;
	margin-left: 14px;
}

/* growl */
div.growlUI 
{
    background: url(images/check48.png) no-repeat 10px 10px;
}
div.growlUIError
{
    width:420px;
    background: url(images/error48.png) no-repeat 10px 10px;
}
div.growlUI h1, div.growlUI h2, div.growlUIError h1, div.growlUIError h2 
{
	color: white !important; 
	padding: 5px 5px 5px 75px !important; 
	text-align: left;
	font-style:normal;
}

/*------------------------*/
/* Photo Uploader Control */
#divUploadPhoto
{
   /* margin-top:18px;   
    margin-left:18px;*/   
}

input, textarea { color: #000; }
.placeholder { color: #aaa; }

.aSyncFileUpload 
{
    width:200px;
}

.aSyncFileUpload input
{
    /* VERY IMPORTANT - async file uploads breaks in Firefox 22 !!!!
       DO NOT REMOVE    
    */
    width:100%!important;
}

/* cropping popup */
#ShowImageEdit_Popup
{
    border: solid 1px #CCC;
    border-radius: 5px; 
    background-color:#F4F4F4;
    padding:10px 10px;
}
#PhotoUploadAddContainer
{
    width:750px;
    border: solid 1px #CCC;
    border-radius: 5px; 
    background-color:#F4F4F4;
    padding:10px 10px;
    margin-bottom:10px;        
}
#PhotoUploadInsert
{   
    width:440px;
}
.PhotoUploadInsertSection
{
    margin-bottom:9px;
}
#divUploadPhoto OL
{
    margin-left:0px;
    margin-bottom:12px; 
}
#divUploadPhoto OL LI
{   
    line-height:normal !important;
}
#DefaultImage
{
    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); 
}
 .fileUploadGridView th
{
	padding:3px 8px;
	font-weight:bold;
	font-size:large;
}

.fileUploadGridView td
{
	padding:3px 8px;
}

/*list view style for photo upload*/
.PhotoUploadContainer
{
    width:780px;    
    float:left;        
}
.PhotoUpload, .PhotoUploadAlt
{
	border: solid 1px #CCC;
    border-radius: 5px;         
    padding:6px 0px 6px 0px;
    margin-bottom:10px;
    background-color:#D3E2DC;
    float:left;      
    width:770px; 
}
.PhotoUploadAlt
{
    background-color:#F4F4F4;
}
.PhotoUploadEdit
{
    -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); 
}
.PhotoUploadEdit input[type="text"], #PhotoUpload textarea
{
	margin:0 0 0 0;
	padding: 4px 4px;
	border-radius:5px;	
	border:1px solid #CCCCCC;
	height:19px;  
	width:100% !important;  
}
.PhotoUploadColumn,.PhotoUploadColumnPhoto, .PhotoUploadColumnCaption, .PhotoUploadCommandColumn
{
    float:left;
    margin-left:20px;
    margin-bottom:14px;
    width:210px;
}
.PhotoUploadColumnPhoto
{
    margin-top:10px;
    width:auto;
}
.PhotoUploadColumnCaption
{
    width:260px;    
}
.PhotoUploadCaption
{
    /* view template */
    width:100%;
    height:80px;
}
.PhotoUploadCommandColumn
{
    margin-top:30px;
    width:auto;  
}
.PhotoUploadLabel
{
    font-weight:bold;
}

/* waypoints */
.wayPointListItem
{
    margin-bottom:10px;
}
.waypoint_textarea
{
    height:100px;
    overflow:auto;
	margin:0 0 0 0;
	padding: 4px 4px;
	border-radius:5px;	
	border:1px solid #CCCCCC;  
	width:98%;  
}
.waypoint_accordian_content
{
    height:110px;    
}
/* when editing waypoints inline rather then in popup */
.waypoint_inline_edit
{
	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;
    margin-bottom:10px;
    background-color:#D3E2DC; 
    width:780px;   
}

.validate-error
{
    background-color:#FFEAE5 !important;
    border:1px solid #FFA793 !important;
    color:#FF7151 !important;
}

/* styles for route comment display */
.comment_audit
{
    font-size:x-small;
    font-weight:bold;
}
.CommentHeader
{
    color:#00674E;
}
.CommentNote .GWKWIntroduction
{
	font-style: normal;
	font-weight: bold;
}
.CommentNote .GWKWRouteDescription
{
	font-style: normal;
	color: #000000;
}
.CommentNote .GWKWAlternateRoute
{
	color: #FF00FF;
	font-style: normal;
}
.CommentNote .GWKWInformation
{
	font-style: italic;
	color: #000000;
	font-weight: normal;
}
.CommentNote .GWKWSafetyNotes
{
	font-style: normal;
	color: #FF0000;
}

.GWKWIntroduction
{
	font-style: normal;
	font-weight: bold;
}

.GWKWRouteDescription
{
	font-style: normal;
	color: #000000;	
}

.GWKWAlternateRoute
{
	color: #FF00FF !important;
	font-style: normal;
	margin-top:6px;
}

.GWKWInformation
{
	font-style: italic !important;
	color: #000000;
	font-weight: normal;
	margin-top:6px;
}

.GWKWSafetyNotes
{
	font-style: normal;
	color: #FF0000 !important;
	margin-top:6px;
}




