.icon-play
{
	background-image: url( '../images/toolbar/video-play.png' ) !important;
}
.icon-edit-info-roteiro
{
	background-image: url( '../images/toolbar/form_edit.png' ) !important;
}
.icon-edit-geom-roteiro
{
	background-image: url( '../images/toolbar/pencil.png' ) !important;
}
.icon-draw-roteiro
{
	background-image: url( '../images/toolbar/pencil_add.png' ) !important;
}
.icon-delete-roteiro
{
	background-image: url( '../images/toolbar/pencil_delete.png' ) !important;
}


div#divDetalheTable
{
	width: 517px;
	height: 214px;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
}

html > body div#divDetalheTable
{
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

div#divDetalheTable table
{
	border-collapse: collapse;
	width: 500px;
	background-color: Transparent;
}

#tableDetalhe tr th tr
{
	background: url(../images/detalhe/dtable.gif) #FFF repeat-x scroll center left;
	border-bottom: 1px solid #CCC;
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	position: relative;
	text-align: left;
}

#tableDetalhe tr th
{
	background: url(../images/detalhe/dtablerow.gif) #FFF repeat-x scroll center left;
	display: table-cell;
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	font-variant: small-caps;
	font-weight: bolder;
}

#tableDetalhe tr td
{
	background: url(../images/detalhe/dtablerow.gif) #FFF repeat-x scroll center left;
	border-right: 1px solid #CCC;
	display: table-cell;
	font: normal normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

#tableDetalhe tr.odd th
{
	background: url(../images/detalhe/dtablerow.gif) #EEE repeat-x scroll center left;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
	font-variant: small-caps;
	font-weight: bolder;
}

#tableDetalhe tr.odd td
{
	background: url(../images/detalhe/dtablerow.gif) #EEE repeat-x scroll center left;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}

#tableDetalhe tr:hover th, #tableDetalhe tr:hover td, #tableDetalhe tr.odd:hover th, #tableDetalhe tr.odd:hover td
{
	background: url(dtablerow.gif) #999 repeat-x scroll center left;
	color: #FFF;
	display: table-cell;
	padding: 5px;
	text-align: left;
	vertical-align: middle;
}


#tableDetalhe tr:hover th a, #tableDetalhe tr:hover td a, #tableDetalhe tr.odd:hover th a, #tableDetalhe tr.odd:hover td a
{
	color: #FFF;
	text-decoration: none;
}

#tableDetalhe tr:hover th a:hover, #tableDetalhe tr:hover td a:hover, #tableDetalhe tr.odd:hover th a:hover, #tableDetalhe tr.odd:hover td a:hover
{
	color: #FFF;
	text-decoration: underline;
}

#tableDetalhe
{
	display: block;
	height: auto;
	overflow: auto;
}

#tableDetalhe tr th
{
	width: 180px;
}

#tableDetalhe tr th + td
{
	width: 320px;
}

#tableDetalheHeader
{
	display: block;
	overflow: hidden;
}

#tableDetalheHeader tr th
{
	background: url(../images/detalhe/dtable.gif) #FFF repeat-x scroll center left;
	border: 1px solid #CCC;
	display: block;
	font: normal normal bold 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 498px;
}


.roteiro-form .x-form
{
	padding: 10px;
	border: 1px solid #D3D3D3;
}