* {margin: 0; padding: 0;}

body
{
	font-family: Verdana;
	background-color: #EBECEC;
	font-size:0.8em;
}

h2 {font-size:1.4em}

p,td,th,span,caption {font-size:10px;}
th {padding: 3px;}

textarea {font-family: Verdana;}

#header {
	height: 40px;
	padding: 15px 0 0 5px;
	background: url('/cms/images/orange_background.gif') top left repeat-x; 
}

.title
{
	height: 30px;
	background: url('/cms/images/blue_background.gif') left repeat-x;
}

tr.dtgtitle {
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
	margin: 5px 0 0 0;
	height: 25px;
	padding: 10px 0 10px 2px;
	background: url('/cms/images/blue_background.gif') left repeat-x;
}
tr.dtgdata td input, tr.dtgdata_highlight td input {display: block; margin: 0 auto;}

#properties {background-color:#fff;}
.propertiesSection {width:400px;text-align:left;}

caption, p.caption {padding:5px; border-top: solid 1px #000; text-align:center;}
.dtgdata td {padding:0 0 0 2px; border-top: solid 5px #EBECEC; border-bottom: solid 5px #EBECEC; height:25px;}
.dtgdata_highlight {background-color: #E8F7FF;}
.dtgdata_highlight td {padding:0 0 0 2px; border-top: solid 5px #EBECEC; border-bottom: solid 5px #EBECEC; height:25px;}
.dtgdata {background-color: #fff;}
.dtgdata_selected {background-color: #E8F7FF; vertical-align: middle; height: 25px; background-color: #E8F7FF ! important; color: yellow;}
.dtgfooter {height:10px; background: url('/cms/images/tab_border.gif') repeat-x;}
.hidden {display:none;}
.mypager, .dtgpager {text-align:center;}
.mypager ul, .dtgpager ul{text-align: center;vertical-align: middle;margin: 2px;height: 25px;padding: 0 0 0 5px;}
.mypager li, .dtgpager li{display: inline;color: #000;list-style-type: none;height: 20px;padding: 5px;}
th.up {}
th.down {}

.dtgtitle a:link {color: #fff;}
.dtgtitle a:visited {color: #fff;}
.dtgtitle a:hover {color: #3333CC;}

li.dtgtitle {display: inline; font-weight: bold; color: #fff; list-style-type: none; float: left; padding: 5px 0 0 0;}
ul.dtgdata {text-align: center; vertical-align: middle; margin: 2px; height: 25px; padding: 0 0 0 5px; background-color: #fff;}
li.dtgdata {display: inline; color: #000; list-style-type: none; height: 20px; padding: 5px 0 0 0; float: left;}

li.dtgdata td.dtgdata a:link {text-decoration: none;}
li.dtgdata td.dtgdata a:visited {text-decoration: none;}
li.dtgdata td.dtgdata a:hover {	color: #3333CC;	text-decoration: underline;}

a:link.mainContent {color: #000; text-decoration: none;}
a:hover.mainContent {color: #4B83AF; text-decoration: underline;}
a:visited.mainContent {color: #000; text-decoration: none;}
a:link.white {color: #fff; text-decoration: none;}
a:hover.white {color: #fff; text-decoration: underline;}
a:visited.white {color: #fff; text-decoration: none;}

.btn {background-color: #fff; border-color: #000065; color:#000;}

td.colDelete a, td.colEdit a {
	width: 20px;
	height: 20px;
	color: #fff;
	display: block;
	margin:0 auto;
	padding:0;
}

.colDelete a {background: url('/cms/images/delete.gif') no-repeat;} 
.colEdit a {background: url('/cms/images/fieldEdit.png') no-repeat;}

.colDelete a span, .colEdit a span {display:none;}

.disabledButton {
	cursor: default;
	filter: Gray Alpha(Opacity=50);
	opacity:0.4;
}

#btnAddFolder{cursor: pointer; border: none; width: 16px; height: 16px; background: url('/cms/images/addFolder.gif') no-repeat;}
#btnAddFolder.disabled{margin-top: 3px; background: url('/cms/images/addFolderGrey.gif');}
#btnAddPage{cursor: pointer; border: none; width: 16px; height: 16px; background: url('/cms/images/addFile.gif');}
#btnAddPage.disabled{margin-top: 3px; background: url('/cms/images/addFileGrey.gif');}
#btnDelete{cursor: pointer; border: none; width: 16px; height: 16px; background: url('/cms/images/delete.gif');}
#btnDelete.disabled{margin-top: 3px; background: url('/cms/images/deleteGrey.gif');}
#btnSetAsDefault{cursor: pointer; border: none; width: 16px; height: 16px; background: url('/cms/images/default.gif');}
#btnSetAsDefault.disabled{margin-top: 3px; background: url('/cms/images/defaultGrey.gif');}
#btnCut{cursor: pointer; border: none; width: 16px; height: 16px; background: url('/cms/images/cut.gif');}
#btnCut.disabled{margin-top: 3px; background: url('/cms/images/cutGrey.gif');}
#btnPaste{cursor: pointer; border: none; width: 16px; height: 16px; background: url('/cms/images/paste.gif');}
#btnPaste.disabled{margin-top: 3px; background: url('/cms/images/pasteGrey.gif');}
#btnRefresh{cursor: pointer; border: none; width: 16px; height: 16px; background: url('/cms/images/refresh.gif');}
#btnRefresh.disabled{margin-top: 3px; background: url('/cms/images/refreshGrey.gif');}
#btnUp{cursor: pointer; border: none; width: 16px; height: 16px; background: url('/cms/images/up.gif');}
#btnUp.disabled{margin-top: 3px; background: url('/cms/images/upGrey.gif');}
#btnDown{cursor: pointer; border: none; width: 16px; height: 16px; background: url('/cms/images/down.gif');}
#btnDown.disabled{margin-top: 3px; background: url('/cms/images/downGrey.gif');}
#btnLaunchDevSite{cursor: pointer; border: none; width: 16px; height: 16px; background: url('/cms/images/dev_site.gif');}
#btnLaunchDevSite.disabled{margin-top: 3px; background: url('/cms/images/dev_siteGrey.gif');}

.detailsSection
{
	border:1px solid #ccc;
	background:#fff;
	border-width:1px 2px 2px 1px;
	width:700px;
	clear:left;
	margin:5px;
	padding:10px;
	overflow: hidden;
}

.detailsSection p {margin: 10px 0;}

table.dtgdata td { border:1px solid #45BAFA;}

label {display: block; padding-bottom: 5px; width:100px;}
label.inline {display: inline;}

ul.tabs {margin: 0 -3px 0 0; padding: 0; list-style-type: none;}
ul.tabs li
{
      float: left;
      height: 22px;
      width: 100px;
      background: url('/cms/images/tab-off.gif') 0 0 no-repeat;
      text-align:center;
      padding-top:8px;
}

ul.tabs li.on {background: url('/cms/images/tab-on.gif') 0 0 no-repeat;}
ul.tabs li a
{
      background: transparent;
      color: #000;
      font-weight: bold;
      text-decoration: none;
}
ul.tabs li.on a {color: #fff; cursor: default;}

a.addNew 
{
    display: inline-block;
    font-size: 1.2em;
    color: #006699;
    margin: 10px 0;
    text-decoration: none;
    padding: 3px 5px 3px 18px;
    height: 20px;
    line-height: 18px;
    background: url('/cms/images/add.gif') 0% 50% no-repeat;
}
a:hover.addNew 
{
    display: inline-block;
    font-size: 1.2em;
    color: #006699;
    margin: 10px 0;
    text-decoration: none;
    padding: 3px 5px 3px 18px;
    height: 20px;
    line-height: 18px;
    background: url('/cms/images/add_hover.gif') 0% 50% no-repeat;
}
a.goBack 
{
    display: inline-block;
    color: #006699;
    margin: 10px 0;
    text-decoration: none;
    padding: 3px 5px 3px 18px;
    height: 20px;
    line-height: 18px;
    background: url('/cms/images/back.gif') 0% 50% no-repeat;
}

#tableWrap 
{
    padding-left: 50px;
    padding-right: 50px;
}

tr.cancelled td{background-color:#E33;}
label.form, span.form {width:120px; display:block; float:left;}
label.variable {width:auto;}
.leftCol, .rightCol {width:48%; float:left;}
.inputSize {width:180px;}
.inputFull {width:100%;}
.note {font-size: 0.82em; font-weight: bold; margin:0; padding:0;}
.selected {border: 2px solid blue;}
.slidervalue {border: 0; width:20px;}
.header {background-color:#00ffdd; font-weight:bold;}
.clear {clear:both;}
.nodisplay {display: none;}
.w180 {width:180px;}
.floatLeft {float:left;}
.banner {height: 40px; background: url('/cms/images/orange_background.gif') left repeat-x;}
.mainContent {background: #fff; padding: 20px;}
.bigContent {}
.red {color: #FF0000;}
.smallContent {}
.center {text-align: center;}
.centerBox {width: 100%; text-align: center; margin: 0 auto;}
.error {color: Red;}
.info {color: #CC6633;}

#revisioncomment {width: 80%;}

table.d3modFormBuilder_StatsTable
{
    border: solid 1px #888;
    border-collapse: collapse;
}

table.d3modFormBuilder_StatsTable td
{
    border: solid 1px #888;
    border-collapse: collapse;
    padding: 3px;
}

.Calendar_Img {margin-top: 3px;}
.centerTable {margin: 0 auto;}

/* JWM hacks (24/03/2009) */
	div#menu0 {margin-left:-4px !important;}

	a.icon, td.icon a {
		width:		16px;
		height:		16px;
		display:	inline-block;
		overflow:	hidden;
		padding:	0px !important;
		vertical-align:middle;
	}
	a.icon:hover, td.icon a:hover {opacity:0.5; filter:alpha(opacity=50);}
	a.icon span, td.icon a span {position:absolute; left:-9999px;}

	a.lnkEdit, td.colEdit a {background:url(/cms/images/pencil.png) no-repeat; padding-left:20px;}
	a.lnkDelete, td.colDelete a {background:url(/cms/images/delete.png) no-repeat; padding-left:20px;}
	a.lnkCancel {background:url(/cms/images/cancel.png) no-repeat; padding-left:20px;}
	a.lnkUpdate, a.lnkSave {background:url(/cms/images/accept.png) no-repeat; padding-left:20px;}
	a.lnkInsert, a.lnkAdd {background:url(/cms/images/fieldadd.png) no-repeat; padding-left:20px;}
	a.lnkPermissions, td.colPermissions a {background:url(/cms/images/permissions.png) no-repeat; padding-left:20px;}
	a.lnkGroups {background:url(/cms/images/groups.gif) no-repeat; padding-left:20px;}
	a.lnkUser {background:url(/cms/images/userin.gif) no-repeat; padding-left:20px;}
	a.lnkBack {background:url(/cms/images/back.gif) no-repeat; padding-left:20px;}
	a.lnkRestore, td.colRestore a {background:url(/cms/images/restore.gif) no-repeat; padding-left:20px;}
	a.lnkDetails {background:url(/cms/images/new/moreinfo.gif) no-repeat; padding-left:20px;}
	a.lnkUp {background:url(/cms/images/up.gif) no-repeat; padding-left:20px;}
	a.lnkDown {background:url(/cms/images/down.gif) no-repeat; padding-left:20px;}

	td.colEdit, td.colDelete, td.colPermissions {text-align:center;padding:0;}

	.radio label {display:inline !important; vertical-align:middle; padding:0 8px 0 4px;}
	.radio input {display:inline !important; vertical-align:middle;}
/* End of JWM Hacks (24/03/2009) */