/*
Theme Name: OptiMap
Theme URI: http://gebweb.net/optimap
Description: The TSP Google Maps Optimizer Layout
Version: 1.0
*/

/* Center block equations */
div.eq {
    text-align: center;
} 

/* Align inline equations with parents content area */
span.eq img {
    vertical-align: text-bottom;
} 

body {
    font-size: 62.5%; /* Resets 1em to 10px */
    text-align: center;
    background: url('images/background.gif');
    border: none;
    color: #333;
    font-family: 'Tahoma';
}

#tagline { 
	padding:15px 0 0 25px;  
	float: left; 
	text-align: center;
}
#tagline h1 {
    font-size: 2.0em;
    color: #0000a0;
	margin:0;
	padding:0;
}
#tagline h4 {
    font-size: 1.2em;
    color: #0000a0;
	margin:0;
	padding:0;	
}

h1, h2, h3 {
    font-family: 'Trebuchet MS';
    font-weight: bold;
}

p {
    text-align: left;
    font-size: 1.4em;

}

g {
    text-align: left;
    font-size: 1.4em;

}
c {
    text-align: right;
    font-size: 1.6em;

}

h1 {
    font-size: 2.0em;
    color: #0000a0;
    text-align: left;
}

h2 {
    font-size: 1.6em;
    color: #313131;
    text-align: left;	
}

h3 {
	text-align: left;
    font-size: 1.2em;
}

h4 {
    font-size: 1.2em;
    color: #0000a0;
    text-align: center;	
}

p a:visited {
    color: #0000a0;
}

a {
    color: #0000ff;
    text-decoration: none;
}

a:hover {
    color: #0000ff;
    text-decoration: underline;
}

h1 {
    padding-top: 70px;
    margin: 0;
}

h2 {
    margin: 5px 0 15px 0;
}

table.round {
	margin-left: 10px;
	margin-right: 10px;
    border: thin none black;
    border-collapse: collapse;
    border-spacing: 0;
}

table.round td {
    padding: 0;
}

table.round td.ul {
    background: #eee url('images/ul.png') no-repeat top; 
    height: 7px;
    width: 7px;
}

table.round td.u {
    background: #eee url('images/u.png') repeat top; 
    height: 7px;
    width: 640px;
}

table.round td.ur {
    background: #eee url('images/ur.png') no-repeat top; 
    height: 7px;
    width: 7px;
}

table.round td.l {
    background: #eee url('images/l.png') repeat top; 
    width: 7px;
}

table.round td.m {
    margin-left: auto;
    margin-right: auto;
    background: #fff; 
    width: 640px;
}

table.round td.r {
    background: #eee url('images/r.png') repeat top; 
    width: 7px;
}

table.round td.ll {
    background: #eee url('images/ll.png') no-repeat top; 
    height: 7px;
    width: 7px;
}

table.round td.lower {
    background: #eee url('images/lower.png') repeat top; 
    height: 7px;
    width: 640px;
}

table.round td.lr {
    background: #eee url('images/lr.png') no-repeat top; 
    height: 7px;
    width: 7px;
}

table.round tr.roundborder {
    height: 7px;
}

div.my_textual_div {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}

div.myMap {
	clear:both;
    width: 600px;
    height: 480px;
    margin-left: auto;
    margin-right: auto;
}

div.myButton {
    width: 600px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.pathData {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

table.gebddir {
    text-align: left;
    width: 600px;
    margin-left: auto;
    margin-right: auto;    
    border: thin none black;
    border-collapse: collapse;
    border-spacing: 0;
}

table.gebddir td {
    padding: 0;
}

table.gebddir tr.heading {
    height: 40px;
}

table.gebddir tr.text {
    height: 30px;
}

table.gebddir td.heading {
    background: #a7a7a7;
    margin-left: 10px;
}

table.gebddir td.even {
    background: #fff;
}

table.gebddir td.odd {
    background: #e7e7e7;
}

div.centered-directions {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background: #a7a7a7;
}

div.left-shift {
    margin-right: 40px;
    margin-top: auto;
    text-align: right;
}

div.right-shift {
    margin-left: 40px;
}

span.red {
    color: #ca0000;
}

#instructionBox {
	float: left;
	width: 200px;
}


#instructionBox ul {
	text-align: left;

}