html
{
    margin: 0;
    padding: 0;

}

form
{
    margin: 0;
    padding: 0;
}

body
{
    background-image: url(../media/images/background.png);
    background-repeat: repeat-x;
    background-color: #ffffff;
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: MuseoSlab500;
    font-size: 10pt;
    font-weight: normal;
}

a
{
	color:#00a3d9;
	text-decoration:underline;
	cursor:pointer;
}

a img
{
	border:0px;
}


span.lightblue {
	color:#00a3d9;
}

div.videothumbnail {
	width: 198px; 
	height: 105px; 
	background-image: url(/media/1476/video_unselected.png); 
	text-align: center; 
	font-size: 16px; 
	float: left;
	font-family:MuseoSlab500;
	color:#00a3d9;
}


div.videothumbnail:hover {
	background-image: url(/media/1481/video_hover.png);
	cursor:pointer;
}

div.videothumbnail[class~=playing] {
	background-image: url(/media/1471/video_playing.png); 
}

div.videothumbnail[class~=playing]:hover {
	background-image: url(/media/1481/video_hover.png); 
	cursor:pointer;
}




div.headlineIllustration {
	width:664px;
	position:relative;
	left:-3px;
	background-position:top right;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

div.sidebar {
width:254px;
height:732px;
background-image:url(../media/images/sidebarBackground.png);
float:left;
position:relative;
right:-7px;
top:-7px;
padding:16px;
}

div.sidebar a {
float:right;
}

a.sidebarButton {
	float:none;
	position:relative;
	left:-2px;
}

a.sidebarButton img {
	border:0px;
}

*
{
    outline: none;
}

/*
div#maincontent > div > ul
{
	list-style: disc;
	margin-left:22px;
	padding:0px;
}
*/

div#head ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

div#login ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}



li.float[class~="left"]
{
    float: left;
}

li.float[class~="right"]
{
    float: right;
}

ul.list 
{
	list-style: disc;
	margin: 0px 0px 10px 30px;
    padding: 0;
}

ul.list > li
{
	padding: 2px 0px 2px 0px;
}

div#wrapper
{
    width: 987px;
    margin: 0px auto;
    text-align: left;
    overflow: visible;
    padding-left: 5px;
}

div#mainContent
{

	float: left;
	width: 962px;
	min-height: 620px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	position:relative;
}


div#mainContent p
{
	margin: 0px 0px 10px 0px;
}

/*********************************************************************
 head
 *********************************************************************/
div#head
{
    height: 64px;
    width: 982px;
    float: left;
    padding: 3px 0px 1px 0px;
    background-image: url(../media/images/dashed_border.png);
    background-repeat: repeat-x;
    background-position: bottom;
    margin: 0px 0px 25px 0px;
}

div#head ul
{
    width: 987px;
    height: 64px;
}

div#head > ul > li
{
    float: left;
    height: 38px;
    padding: 13px 0px;
    line-height: 38px;
    margin: 0px 0px 0px 2px;
}

div#head > ul > li.logo
{
	float: left;
    height: 64px;
    width: 210px;
    margin: 0px 0px 0px 0px;
}

/*********************************************************************
 login
 *********************************************************************/
 /*
div#login
{
    float: left;
    width: 986px;
    height: 44px;
    padding: 5px 0px;
    text-align: right;
}

div#login > div
{
    vertical-align: middle;
}

div#login > div > ul
{
    float: right;
    text-align: left;
    line-height: 22px;
}

div#login > div > ul > li *
{
    vertical-align: middle;
}

div#login > div a
{
    top: 1px;
    vertical-align: 0;
}
*/
/*********************************************************************
 footer
 *********************************************************************/
div#footer
{
    float: left;
    height: 24px;
    line-height: 24px;
}
 
 div#footer span
{
    float: left;
    background-image: url(../media/images/footer.png);
    background-repeat: repeat-x;
    position: relative;
    text-align: right;
    padding: 0px 4px;
    color: #ffffff;
    font-size: 9pt;
    width: 954px;
    line-height: 24px;
}

div#footer a
{
	color: #ffffff;
	text-decoration: none;
}

div#footer a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

div#footer span.left
{
    height: 24px;
    width: 10px;
    display: block;
    padding: 0px;
    background-image: url(../media/images/footer_left.png);
}

div#footer span.right
{
    height: 24px;
    width: 10px;
    display: block;
    padding: 0px;
    background-image: url(../media/images/footer_right.png);
}

/*********************************************************************
 Office hours table
 *********************************************************************/

table.officehours 
{
	padding: 0px;
	border: 0px;
	border-collapse: collapse;
}

/*********************************************************************
 head
 *********************************************************************/
/*
 div#head > ul > li > a
{
	font-size:14px;
    height: 38px;
    line-height: 38px;
    margin: 13px 0px 0px 0px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    outline: 0;
}
*/

div#head > ul > li.logo > a
{
	height: 38px;
	line-height: 38px;
	display:block;
	width:210px;
	background-repeat: no-repeat;
    background-position:top left;
    background-image: url(../media/images/logo_v4.png);
}

div#head > ul > li.logo > a:hover
{
	cursor:pointer;
    /*background-image: url(../media/images/logo_v3.png);*/
}

div#head > ul > li a.home
{
	color: #00a3d9;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;
}

div#head > ul > li > a.home:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.home[class~=active]
{
	color: #000000;
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.home[class~=active]:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}

div#head > ul > li a.products
{
	color: #00a3d9;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;
}

div#head > ul > li > a.products:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.products[class~=active]
{
	color: #000000;
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.products[class~=active]:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}

div#head > ul > li a.references
{
	color: #00a3d9;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;
}

div#head > ul > li > a.references:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.references[class~=active]
{
	color: #000000;
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.references[class~=active]:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}

div#head > ul > li a.help
{
	color: #00a3d9;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;
}

div#head > ul > li > a.help:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.help[class~=active]
{
	color: #000000;
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.help[class~=active]:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}

div#head > ul > li a.about
{
	color: #00a3d9;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;
}

div#head > ul > li > a.about:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.about[class~=active]
{
	color: #000000;
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.about[class~=active]:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}


div#head > ul > li a.mymaps
{
	color: #00a3d9;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;
}

div#head > ul > li > a.mymaps:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.mymaps[class~=active]
{
	color: #000000;
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.mymaps[class~=active]:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}



div#head > ul > li a.login
{
	color: #00a3d9;
	text-align: center;
	vertical-align: middle;
	text-decoration:none;
}

div#head > ul > li > a.login:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.login[class~=active]
{
	color: #000000;
    background-image: url(../media/images/menu_button_blank.png);
}

div#head ul li a.login[class~=active]:hover
{
    background-image: url(../media/images/menu_button_blank.png);
}

/*********************************************************************
 input
 *********************************************************************/
span.input
{
    display: inline-block;
    background-image: url(../media/images/input_field_right.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: Transparent;
    padding-right: 10px;
}

span.input > span
{
    background-image: url(../media/images/input_field_left.png);
    background-repeat: no-repeat;
    background-color: Transparent;
    padding-left: 10px;
    line-height: 16px;
    display: inline-block;
}

input[type=radio]
{
    margin-left: 0px;
}

input[type="file"], input[type="file"] > input[type="button"]
{
    cursor: pointer;
}


span.input > span > input[type=text], input[type=password]
{
    color: #00a3d9;
    font-size: 11px;
    font-weight: bolder;
    background-color: Transparent;
    border: 0;
    width: 162px;
    padding: 0;
    height: 16px;
    vertical-align: 1px;
}

/*********************************************************************
 dashboard
 *********************************************************************/
ul#dashboard
{
    height: 246px;
}

ul#dashboard > li
{
    float: left;
    height: 246px;
    width: 290px;
    text-align: center;
}

ul#dashboard > li a
{
    position: relative;
    top: 182px;
}

ul#dashboard > li.left, ul#dashboard li.right
{
    width: 26px;
    background-image: url(../media/images/dashboard_left.png);
    background-repeat: no-repeat;
}

ul#dashboard > li.right
{
    background-image: url(../media/images/dashboard_right.png);
}

ul#dashboard > li.divider
{
    background-image: url(../media/images/divider.png);
    width: 30px;
}

ul#dashboard > li.basic
{
    background-image: url(../media/images/basic_map.png);
}

ul#dashboard > li.enhanced
{
    background-image: url(/media/images/enhanced_map.png);
}

ul#dashboard > li.advanced
{
    background-image: url(../media/images/advanced_map.png);
}

/*********************************************************************
 terms
 *********************************************************************/
div.termscontent 
{
	width: 600px;
	padding:0px 30px 0px 30px;
	text-align: justify;
}

a.termslink
{
	color:#00a3d9;
	cursor:pointer;
}

div.termsdivider
{
	height:40px;
	width:100%;
	background-image:url(../media/images/formdivider.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
}


/*********************************************************************
 pageHeadline
 *********************************************************************/
div.pageHeadline
{
	font-size:20px;
	height:20px;
	font-weight:bold;
	width:100%;
	float:left;
	margin:0px 0px 10px 0px;
	color:#00a3d9;
	padding:0px 0px 0px 0px;
	border-right:solid 1px transparent;
	vertical-align:top;
}

div.pageHeadline a
{
	float:right;
}

div.pageSubHeadline
{
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	float: left;
	margin: 5px 0px 10px 0px;
	color: #00a3d9;
	padding: 0px 0px 0px 0px;
}

div.pageSubSubHeadline
{
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	float: left;
	margin: 5px 0px 10px 0px;
	color: #00a3d9;
	padding: 0px 0px 0px 0px;
}

a.languageLink 
{
	float:right;
	font-size:14px;
}




/*********************************************************************
 Suggestion box
 *********************************************************************/

  .suggestion_list
 {
 background: #fafafa;
 border-width: 2px;
 border-color: #cdcdcd;
 border-style:none solid solid solid;
 padding: 4px;
 }

 .suggestion_list ul
 {
 padding: 0;
 margin: 0;
 list-style-type: none;
 }

 .suggestion_list a
 {
 text-decoration: none;
 color: navy;
 }

 .suggestion_list .selected
 {
 background: navy;
 color: white;
 }

 .suggestion_list .selected a
 {
 color: white;
 }

 #autosuggest
 {
	width: 150px;
	display: none;
	z-index:1;
 }

 
 
 
 
 
 
div#services
{
	margin: 0px 0px 0px 0px;
}

div#services .content
{
	width: 650px;
	float: left;
	margin: 0px 0px 10px 0px;
}

div#services .content .headline
{
	font-size: 20px;
	font-weight: bold;
	width: 650px;
	float: left;
	margin: 0px 0px 10px 0px;
	color: #42b9e1;
	padding: 0px 0px 0px 0px;
}

div#services .content .abstract
{
	font-size: 14px;
	font-weight: bold;
	width: 650px;
	float: left;
	margin: 0px 0px 30px 0px;
	color: #000000;
	padding: 0px 0px 0px 0px;
}

div#services .content .articleTitle
{
	font-size: 14px;
	font-weight: bold;
	width: 650px;
	float: left;
	margin: 0px 0px 10px 0px;
	color: #42b9e1;
	padding: 0px 0px 0px 0px;
}

div#services .content .articleTitle > a
{
	color: #42b9e1;
}

div#services .content .articleAbstract
{
	font-size: 12px;
	font-weight: bold;
	width: 650px;
	float: left;
	margin: 0px 0px 10px 0px;
	color: #000000;
	padding: 0px 0px 0px 0px;
}

div#services .content .articleAppetizer
{
	font-size: 12px;
	width: 650px;
	float: left;
	margin: 0px 0px 0px 0px;
	color: #000000;
	padding: 0px 0px 0px 0px;
}

div#services .content .seperator
{
    height: 1px;
    width: 650px;
    float: left;
    padding: 0px 0px 0px 0px;
	margin: 10px 0px 10px 0px;
    background-image: url(../media/images/dashed_border.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

div#services .sidebar
{
	width: 250px;
	height: 600px;
	float: right;
	border: 1px solid #000000;
	margin: 0px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
}

div#services .sidebar .headline
{
	font-size: 14px;
	font-weight: bold;
	color: #42b9e1;
	margin: 0px 0px 10px 0px;
}

div#services .sidebar .text
{
	font-size: 10px;

	color: #000000;
	margin: 0px 0px 10px 0px;
}

div#myAccountInput
{
	float: left;
}

div#myAccountInput .label
{
	float: left
}

div#myAccountInput .input
{
	float:left;
	clear: right;
}

table#myAccountInput
{
	width: 450px;
	float: left;
}

/* AddBox */
div#AddBox
{
    float: left;
    position: relative;
	left: -5px;
    width: 962px;
    margin: 0px 6px;
    padding:0px;
    height: 297px;
	/*background-image: url(http://maps.google.com/maps/api/staticmap?center=Frederikshavn,Denmark&zoom=14&size=600x289&maptype=roadmap&sensor=false);*/
	vertical-align: bottom;
	background-position:right top;
	background-repeat:no-repeat;
}

div.whatwhyhow 
{
	position:absolute;
	left:22px;
	top:20px;
}

a.whatwhyhow 
{
	float:left;
	display:block;
	border:0px;
	margin-right:5px;
	background-image: url(../media/images/whatwhyhow_off.png);
	background-position:center center;
	background-repeat:no-repeat;
	width:91px;
	height:52px;
	text-align:center;
	padding-top:5px;
	text-decoration:none;
	font-family:MuseoSlab500;
	font-size:20px;
}

a.whatwhyhow:hover
{
	cursor:pointer;
}

a.whatwhyhow[class~=selected] 
{
	background-image: url(../media/images/whatwhyhow_on.png);
	color:white;
}


	

a.what:hover 
{
	cursor:pointer;
}

a.why
{
	border:0px;
	position:absolute;
	left:123px;
	top:20px;
}

a.why:hover
{
	cursor:pointer;
}

a.how 
{
	border:0px;
	position:absolute;
	left:224px;
	top:20px;
}

a.how:hover
{
	cursor:pointer;	
}

div#addbox_textfield
{
	position:absolute;
	width:500px;
	height:145px;
	left:22px;
	top:77px;
}

div#addbox_textfield label#addbox_textfield_headline
{
	display:block;
	width:350px;
	font-size:20px;
	color:White;
	/*float:left;*/
	clear:right;
	margin-bottom:5px;
}

div#addbox_textfield label#addbox_textfield_content
{
	display:block;
	width:100%;
	font-size:14px;
	/*float:left;*/
	clear:right;
	color:White;
}

div#addbox_textfield div#addbox_texfield_watch_video
{
	position:absolute;
	bottom:0px;
	font-size:16px;
	float:left;
	clear:right;
	color:White;
}

div#addbox_texfield_watch_video a {
	font-size:16px;
	color:White;
	text-decoration:none;
	cursor:pointer;
}

img.addbox_foreground_image 
{
	position: relative;
	left:-4px;
}

img.googlePartnerBadge
{
	position:absolute;
	right:7px;
	bottom:18px;
	border:0px;
}

img.googlePartnerBadge_sidebar
{
	float:right;
	border:0px;
	margin-top:5px;
}

img.poweredbygoogle
{
	position:absolute;
	right:300px;
	bottom:5px;
}
/*
.buy_folia_maptool
{
	position: relative;
	top: 230px;
	left: 10px;
}

.try_folia_maptool
{
	position: relative;
	top: 230px;
	left: 10px;
}
*/

div#AddBox .buy_folia_maptool
{
	position: absolute;
	bottom: 10px;
	left: 20px;
}

div#AddBox .buy_folia_maptool > a > img
{
	border: 0px;
}

div#AddBox .try_folia_maptool
{
	position: absolute;
	bottom: 10px;
	left: 212px;
}

div#AddBox .try_folia_maptool > a > img
{
	border: 0px;
}

div#AddBox .latestNews
{
    position: relative;
	left: 30px;
	top: 20px;
    width: 200px;
    height: 120px;
}


/* indexDashboard */
div#indexDashboard
{
    float: left;
    position: relative;
	left: -9px;
    width: 970px;
    margin: 20px 6px;
    height: 246px;
}

div#indexDashboard > div a
{
	position: relative;
	top: 182px;
}

div#indexDashboard .left
{
	float: left;
	margin: 0px;
	border: 0px solid #a9b1b9;
	height: 246px;
	width: 26px;
    background-image: url(../media/images/dashboard_left.png);
    background-repeat: no-repeat;
}

div#indexDashboard .right
{
	float: left;
	margin: 0px;
	border: 0px solid #a9b1b9;
	height: 246px;
	width: 26px;
    background-image: url(../media/images/dashboard_right.png);
    background-repeat: no-repeat;
}

div#indexDashboard .signup
{
	float: left;
	margin: 0px;
	border: 0px solid #a9b1b9;
	height: 246px;
	width: 323px;
	text-align: center;
    background-image: url(../media/images/signup.png);
}

div#indexDashboard .videotour
{
	float: left;
	margin: 0px;
	border: 0px solid #a9b1b9;
	height: 246px;
	width: 324px;
	text-align: center;
	background-image: url(../media/images/video_tour_v2.png);
}

div#indexDashboard .products
{
	float: left;
	margin: 0px;
	border: 0px solid #a9b1b9;
	height: 246px;
	width: 323px;
	text-align: center;
	background-image: url(../media/images/products.png);
}

div#indexDashboard #goToSignup
{	
	position:relative;
	left:3px;
}

div#indexDashboard #goToVideoTour
{	
	position:relative;
	left:3px;
}

div#indexDashboard #goToProducts
{	
	position:relative;
	left:3px;
}

div#indexDashboard .divider
{
	float:left;
	height: 246px;
	width: 30px;
	margin: 0px;
	border: 0px;
	background-image: url(../media/images/divider.png);
    background-repeat: no-repeat;
}


/* ListBox */
div#ListBox
{
    float: left;
    position: relative;
    width: 962px;
    margin: 0px 6px;
    height: 150px;
}

div#ListBox.dashboard
{
    height: 240px;
}

div#ListBox.dashboard .background
{
    height: 240px;
}

div#ListBox .background
{
    position: absolute;
    width: 972px;
    height: 150px;
}

div#ListBox .background[class~=extended]
{
    position: absolute;
    width: 972px;
    height: 400px;
    top: -250px;
}

div#ListBox .background .top
{
    background-image: url(../media/images/listbox_top.png);
    background-repeat: no-repeat;
    height: 55px;
}

div#ListBox .background .middle
{
    background-image: url(../media/images/listbox_background.png);
    background-repeat: repeat-y;
    position: absolute;
    top: 55px;
    width: 972px;
    bottom: 55px;
}

div#ListBox .background .bottom
{
    background-image: url(../media/images/listbox_bottom.png);
    background-repeat: no-repeat;
    height: 55px;
    position: absolute;
    width: 972px;
    bottom: 0px;
}

div#ListBox .innerBox
{
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    padding: 5px 10px 10px;
}

div#ListBox .ListBoxHeader
{
    clear: both;
}

div#ListBox .ListBoxHeader li
{
    float: left;
    height: 25px;
    vertical-align: middle;
}

div#ListBox .ListBoxHeader li h3
{
    margin-right: 30px;
    line-height: 22px;
}

div#ListBox .ListBoxHeader li a
{
    position: relative;
    top: 1px;
}

div#ListBox .innerBox .toggleButton
{
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
}

div#ListBox .innerBox .list
{
    position: absolute;
    top: 30px;
    left: 10px;
    bottom: 10px;
    right: 10px;
}

div#ListBox.dashboard .innerBox .list
{
    bottom: 20px;
}

div#ListBox .innerBox .list > .body
{
    position: absolute;
    top: 25px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0px;
    border: 1px solid #a9b1b9;
    border-top: 0;
    background-color: #ffffff;
}

div#ListBox.markers .innerBox .list > .body
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    padding: 0px;
    border: 1px solid #a9b1b9;
    background-color: #ffffff;
}

div#ListBox.markers .innerBox .list > .body ul
{
    padding: 1px;
}

div#ListBox.markers .innerBox .list > .body ul li
{
    float: left;
    width: 42px;
    height: 42px;
    padding: 2px;
    text-align: center;
    line-height: 42px;
    background-image: url(../media/images/marker_background.png);
}

div#ListBox.markers .innerBox .list > .body ul li a
{
    width: 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
    display: block;
}

div#ListBox.markers .innerBox .list > .body ul li.custom
{
    position: relative;
    height: 53px;
    background-image: url(../media/images/custom_marker_background.png);
    text-align: center;
}

div#ListBox.markers .innerBox .list > .body ul li.custom input[type=checkbox]
{
    position: relative;
    top: 2px;
}

div#ListBox.markers .innerBox .list > .body ul li.custom a
{
    width: 42px;
    height: 53px;
    display: block;
    text-align: center;
}

div#ListBox.markers .innerBox .list > .body ul li.custom a div
{
    height: 32px;
    width: 42px;
}


/*
table#TableHeader td + td
{
    width: 234px;
}

table#TableHeader td + td + td
{
    width: 244px;
}

table#TableHeader td + td + td + td
{
    width: 84px;
}

table#TableHeader td + td + td + td + td
{
    width: 174px;
}
*/



/*
table#Table td.first
{
    width: 22px;
    height: 20px;
    text-align: right;
}

table#Table td + td
{
    width: 241px;
}

table#Table td + td + td
{
    width: 251px;
}

table#Table td + td + td + td
{
    width: 91px;
}

table#Table td + td + td + td + td
{
    width: 181px;
}

table#Table td + td + td + td + td + td
{
    width: 138px;
}

table#TableHeader.dashboard td + td
{
    width: 250px;
}

table#TableHeader.dashboard td + td + td
{
    width: 194px;
}

table#TableHeader.dashboard td + td + td + td
{
    width: 194px;
}

table#TableHeader.dashboard td + td + td + td + td
{
    width: 194px;
}

table#Table.dashboard td + td
{
    width: 201px;
}

table#Table.dashboard td + td + td
{
    width: 201px;
}

table#Table.dashboard td + td + td + td
{
    width: 201px;
}

table#Table.dashboard td + td + td + td + td
{
    width: 201px;
}

table#Table.dashboard td.last
{
    width: 15px !important;
}
*/

.hidden
{
    display: none !important;
}

/* SimpleModal Styles */
#simplemodal-overlay
{
    background-color: #444444;
}
#simplemodal-container
{
    height: 400px;
    width: 600px;
    background-color: #fff;
    border: 3px solid #ccc;
}

a.modalCloseImg
{
    background: url(/gfx/x.png) no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -15px;
    right: -18px;
    cursor: pointer;
}

.float[class~=left]
{
    float: left;
}

.float[class~=right]
{
    float: right;
}

/* TableHeader */
table#TableHeader
{
    width: 100%;
    height: 25px;
    background-image: url(../media/images/address_list_background.png);
    background-repeat: repeat-x;
}

table#TableHeader td[onclick]
{
    cursor: pointer;
}

table#TableHeader td > div
{
    border-right: 1px solid #a9b1b9;
    height: 25px;
    padding-left: 6px;
    line-height: 25px;
}

table#TableHeader td.c1
{
    background-image: url(../media/images/address_list_left.png);
    background-repeat: no-repeat;
    padding-left: 1px;
}

table#TableHeader td.last
{
    background-image: url(../media/images/address_list_right.png);
    background-repeat: no-repeat;
    background-position: top right;
    border-right: 0;
    width: 25px;
}

/* table */
table#Table
{
    width: 923px;
    color: #238dc2;
    font-size: 12px;
}

table#Table thead
{
    display: none;
}

table#Table tr:hover td
{
    background-color: #deeef5;
}

table#Table tr td.selected
{
    background-color: #deeef5;
}

table#Table a
{
    display: block;
    text-decoration: none;
    color: #238dc2;
    padding-left: 5px;
}

/* dashboard */
.dashboard table.sortable td
{
    padding: 0;
}

.dashboard table.sortable td.c1
{
    width: 25px !important;
    border-right: 0;
    text-align: center;
}

.dashboard table.sortable td.c2
{
    width: 250px;
}

.dashboard table.sortable td.c3
{
    width: 210px;
}

.dashboard table.sortable td.c4
{
    width: 210px;
}

.dashboard table.sortable td.c5
{
    width: 200px;
}

.dashboard table.sortable td.c5 > div
{
    border-right: 0 !important;
}

/* addresses */
.addresses table.sortable td.c1
{
    width: 25px !important;
    border-right: 0;
    text-align: center;
}

.addresses table.sortable td.c2
{
    width: 220px;
}

.addresses table.sortable td.c3
{
    width: 220px;
}

.addresses table.sortable td.c4
{
    width: 120px;
}

.addresses table.sortable td.c5
{
    width: 190px;
}

.addresses table.sortable td.c6
{
    width: 140px;
}

.addresses table.sortable td.c6 > div
{
    border-right: 0 !important;
}


/* EditMapPopUp */
#EditMapPopUp
{
    position: relative;
    height: 172px;
    width: 616px;
    background-image: url('../media/images/edit_map_popup_background.png');
}

#EditMapPopUp ul
{
    position: absolute;
    top: 29px;
    left: 8px;
    width: 600px;
    height: 135px;
}

#EditMapPopUp ul li
{
    float: left;
    width: 200px;
    height: 100%;
}

#EditMapPopUp ul li:hover
{
    background-image: url('../media/images/edit_map_popup_hover.png');
}

#EditMapPopUp ul li.left:hover
{
    background-image: url('../media/images/edit_map_popup_left_hover.png');
}

#EditMapPopUp ul li.right:hover
{
    background-image: url('../media/images/edit_map_popup_right_hover.png');
}

#EditMapPopUp ul li a
{
    cursor: pointer;
    background-image: url('../media/images/edit_map_popup_detailed.png');
    width: 100%;
    height: 100%;
    display: block;
}

#EditMapPopUp ul li.left a
{
    background-image: url('../media/images/edit_map_popup_express.png');
}

#EditMapPopUp ul li.right a
{
    background-image: url('../media/images/edit_map_popup_advanced.png');
}

#EditMapPopUp a#close
{
    width: 18px;
    height: 18px;
    position: absolute;
    top: 8px;
    right: 8px;
    background-image: url('../media/images/edit_map_popup_close.png');
    background-position: top right;
    cursor: pointer;
}







.Modal
{
    width: 100%;
    height: 100%;
}

.Modal .Top
{
    width: 100%;
}

.Modal .Top ul
{
    width: 100%;
    float: left;
}

.Modal .Top ul li.left
{
    width: 25px;
    height: 22px;
    background-image: url('../media/Images/Popup_Top_Left.png');
    float: left;
}

.Modal .Top ul li.center
{
    position: absolute;
    left: 25px;
    right: 25px;
    height: 22px;
    line-height: 22px;
    background-image: url('../media/Images/Popup_Top_Background.png');
    text-align: center;
}

.Modal .Top ul li.right
{
    height: 22px;
    width: 25px;
    float: right;
    background-image: url('../media/Images/Popup_Top_Right.png');
}

.Modal .Content
{
    float: left;
    border: 1px solid #ced9e2;
    border-top: none;
}

div#login
{
    float: left;
    width: 330px;
    height: 133px;
    font-family: MuseoSlab500;
}

div#login .Content
{
    border: 0;
    width: 100%;
}

div#login .Content > ul
{
    width: 100%;
    float: left;
}

div#login .Content ul li.left
{
    width: 25px;
    height: 111px;
    background-image: url('../media/Images/login_box_left.png');
    float: left;
}

div#login .Content ul li.right
{
    width: 25px;
    height: 111px;
    background-image: url('../media/Images/login_box_right.png');
    float: right;
}

div#login .Content ul li.center
{
    position: absolute;
    left: 25px;
    right: 25px;
    height: 111px;
    background-image: url('../media/Images/login_box_background.png');
    text-align: center;
}

div#login .Content .innerBox
{
    position: absolute;
    left: 0px;
    right: 0px;
    height: 100%;
}

div#login .Content .innerBox label
{
    width: 65px;
    display: inline-block;
    margin-bottom: 1px;
    text-align: right;
    font-size: 12px;
}

div#login .Content .innerBox > ul
{
    float: left;
    text-align: left;
    margin: 14px 20px;
}

div#login .Content .innerBox > ul li
{
    margin: 0px 0px 4px 0px;
    line-height: 12px;
}

div#login .Content .innerBox ul li.loginButton
{
    position: absolute;
    right: 12px;
    bottom: 26px;
}

div#login .Content .innerBox ul li.loginOptions
{
    margin-left: 68px;
    vertical-align: -4px;
}

div#login .Content .innerBox ul li.loginOptions a
{
	color:#00a3d9;
}


div#login .Content .innerBox ul li.loginOptions > span
{
    vertical-align: 2px;
    line-height: 12px;
    font-size: 11px;
}

div#login span.input > span > input[type=text], div#login span.input > span > input[type=password]
{
    width: 200px;
}

.Modal a.close
{
    width: 18px;
    height: 18px;
    position: absolute;
    top: 2px;
    right: 2px;
    background-image: url('../media/Images/edit_map_popup_close.png');
    background-position: top right;
    cursor: pointer;
}

.InvalidLogin
{
    position: relative;
    color: Red;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    text-align: left;
    top: 2px;
}
































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */