body, TD {
	font-family: "PT Sans";
	font-size : 10pt;
	color: #404040;
	margin: 0pt;
}

a {
	text-decoration: none;
	color: rgba(0, 143, 207, 0.8);
}

a:hover, div#title a:hover {
	color: rgba(0, 143, 207, 1);
}

abbr {
	border-bottom-width: 0;
}

div#header {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	padding: 10pt;
}

div#title {
	font-size: 20pt;
	float: left;
}

div#title:hover {
	color: rgba(0, 143, 207, 1);
	cursor: pointer;
}

div#contentbox {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
    box-shadow: 0 4pt 10pt rgba(0, 0, 0, 0.2);
    border-radius: 4pt;
}

div#userInfo {
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	text-align:right;
	pading-left: 10pt;
	padding-right: 10pt;
	color : rgba(0, 0, 0, 0.6);
}


div#userInfoContainer > div {
	float:left;
}

div#contenttop {
	background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%);
	border-radius: 4pt 4pt 0pt 0pt;
	color: rgba(255, 255, 255, 0.8);
}

div#content {
	padding: 20pt;
}

div#contentbottom {
	background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%);
	border-radius: 0pt 0pt 4pt 4pt;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	padding-top: 10pt;
	padding-bottom: 10pt;
}

ul#nav {
	padding: 0pt;
}

ul#nav li:hover {
	background: rgba(255, 255, 255 ,0.1);
}

ul#nav li {
	float: left;
    list-style-type: none;
    padding: 10pt 20pt;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
}

ul#nav li.active {
	background: rgba(255, 255, 255 ,0.15);
	color: #FCFCFC;
}

ul#nav li.logout {
	float:right;
}

ul#nav li.logout:hover {
	background: rgba(255, 255, 255 ,0);
	color: #FFFFFF;
}

h1 {
    border-bottom: 1px solid #CDCDCD;
    color: #2FABDD;
    font-size: 20pt;
    font-weight: 600;
    margin-top: 10pt;
    margin-bottom: 5pt;
    padding-bottom: 10pt;
}

h2 {
    color: #4F8BBD;
    font-size: 16pt;
    font-weight: 600;
    margin-top: 10pt;
    margin-bottom: 5pt;
}

div.editbox {
    background: none repeat scroll 0 0 #E9EDF3;
    border: 1px solid #D4DAE5;
    border-radius: 4pt;
    padding: 10px;
    margin-top: 10pt;
    margin-bottom: 10pt;
}

div.actions {
	text-align: center;
}

div.editbox td.label {
	text-align: right;
	font-color: #202020;
	vertical-align: top;
}

input[type="text"], input[type="password"], select, textarea {
    border: 1px solid #BEC7D9;
    border-radius: 2pt;
    padding: 2pt;
    width: 180pt;
    box-shadow: 0pt 2pt 5pt rgba(0, 0, 0, 0.1) inset;
}


button:hover, .dz-message:hover {
	 background: rgb(34, 172, 233);
}

button, .dz-message {
  background: rgb(15, 158, 222);
  border-radius: 2pt;
  box-shadow: 0 2pt 5pt rgba(0, 0, 0, 0.15);
  color: #FFFFFF;
  cursor: pointer;
  padding: 2pt;
  border: 0px;
  font-size: 10pt;
  min-width: 60pt;
}

table.list {
	border: 1px solid #c0c0c0;
	border-spacing: 0px;
    border-collapse: collapse;
    margin: auto;
    margin-bottom: 10pt;
    width: 100%;
}

table.list td, table.list th {
	padding: 2pt 4pt;
	
}

table.list th {
	border-left: 1px solid rgba(20, 20, 20,0.1);
}

table.list td {
	border-left: 1px solid rgba(40,40,40,0.2);
}

table.list th {
	background: rgb(27, 151, 201);
	color: rgba(255, 255, 255, 0.9);
}

table.list td {
	color: rgba(0, 0, 0, 0.8);
}

table.list tr.even td {
	
}

table.list tr.odd {
	background: #F0F0F0;
}

table.list a {
	color: rgba(0, 0, 0, 1);
	text-decoration:none;
	cursor: pointer;
}

table.list a:hover {
	color: rgb(7, 131, 181);
}

/* modal overlay */

div.modal_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

div.modal_panel {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
    display: none;
    padding: 20px;
}

div.modal_panel h1 {
    border-bottom: 1px solid #CDCDCD;
    color: #2FABDD;
    font-size: 12pt;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 5pt;
    padding-bottom: 2pt;
    text-align: center;
}

div.nota {
	color: #A0A0A0;
	font-size: 9pt;
}

div#toolbar {
	font-size:8pt;
	background: #606c88;
	color: #FCFCFC;
	padding-left: 20pt;
	padding-right: 10pt;
}

div#path {
	float: left;
	padding-top: 4pt;
	padding-bottom: 4pt;
}

span.pathitem {
	cursor:pointer;
}

span.pathitem:hover {
	color: rgba(255, 255, 255, 255);
	text-decoration:underline;
}

div#toolbar_actions {
	float: right;
}

div#toolbar_actions > div {
	float: left;
	cursor:pointer;
	padding-left: 10pt;
	padding-right: 10pt;
	padding-top: 4pt;
	padding-bottom: 4pt;
}

div#toolbar_actions > div:hover {
	background: #808cA8;
}

div.itemSelector {
	width : 10pt;
	height: 10pt;
	border-radius: 4pt;
	border: 1px solid rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.06);
	cursor: pointer;
}

div.itemSelector.itemSelected {
	border: 2px solid rgba(255, 255, 255, 1);
	background: #A0A0A0;
}

table.list tr.selected {
	background: rgba(116, 171, 221, 0.3);
}


.error {
	font-size: 9pt;
	color: #D02020;
	margin-bottom: 4pt;
}

img.smallUser {
	width:18pt;
    height: 18pt;
    margin: 0pt 2pt;
    border:1px solid 0xFFFFFF;
    border-radius: 9pt;
    -webkit-border-radius: 9pt;
    -moz-border-radius: 9pt;
    vertical-align: middle;
}

img.smallCheckPoint, img.smallRoute {
	width: 18pt;
    height: 18pt;
    margin: 0px 2pt;
    border:1px solid 0xFFFFFF;
    border-radius: 4pt;
    -webkit-border-radius: 4pt;
    -moz-border-radius: 4pt;
    vertical-align: middle;
}

img.visitaImageIcon {
	width: 18pt;
    height: 18pt;
    margin: 0px 2pt;
    vertical-align: middle;
}