/* CSS for Block Creation Process */

/* Positioning */
#wrHeaderCreate {
	width:960px;
	height:55px;
	margin:0 auto;
	text-align:left;
	background:url('../images/nav_create_bg.gif') top center no-repeat;
}
#wrPhotoTray {
	float:left;
	width:960px;
	height:120px;
	margin: 0 auto;
}
ul#createNav {
	width:930px;
	height:54px;
	float:left;
	position:relative;
	left:30px;
	text-align:center;
}
ul#createNav li {
	height:54px;
	float:left;
	position:relative;
}
ul#createNav li.active {
	background:url('../images/nav_create_li_active_bg.gif') bottom center no-repeat;
}
ul#createNav li span {
	float:left;
	height:40px;
	position:relative;
	background:url('../images/nav_create_step_bg.gif') top right no-repeat;
}
ul#createNav li span.last {
	background:none;
}
#wrHeaderCreate li a,
#wrHeaderCreate li a:visited {
	float:left;
	padding: 10px 25px 10px 10px;
}
#wrHeaderCreate li span.last a,
#wrHeaderCreate li span.last a:visited {
	padding:10px 10px 10px 8px;
}

.createDesc {
	float:left;
	position:relative;
	width:700px;	
}

.createDescWide {
	float:left;
	position:relative;
	width:800px;
}

.createMain {
	float:left;
	width:960px;
	padding-bottom:10px;
}

.createMain img.temp {
	background-color:#333333;
	float:left;
}

.createMain img.image {
	float:left;
}

.createMain em.error {
	float:left;
	position:relative;
	width:80%;
	color: #de1d3c;
	font-size:12px;
	font-weight:bold;
	padding-top:10px;
	text-align:left;
}
.createMain em.ex {
	float:left;
	position:relative;
	width:330px;
	padding-left:5px;
}
.createMain em.exWide {
	float:left;
	position:relative;
	width:500px;
}

ul.formCreate,
ul.formBlockr {
	width:750px;
	padding-top:10px;
	padding-bottom:20px;
	border:none;
	float:left;
}
ul.left {
	width:45%;
	float:left;
}
ul.right {
	width:45%;
	float:left;
}
ul.overlay{
	width:750px;
	padding-top:10px;
	padding-bottom:0px;
	border:none;
	float:left;
}
ul.formCreate li,
ul.formBlockr li {
	float:left;
	padding-bottom:12px;
}
ul.formBlockr li {
	padding-right:2.0em;
}
ul.formCreate li.oneline,
ul.formBlockr li.oneline {
	width:100%;
}
ul.formCreate li.oneline,
ul.formBlockr li.oneline {
	float:left;
	width:410px;
}
ul.formCreate input.textInput {
	float:left;
	width:410px;
}
ul.formCreate input.textInputSmall,
ul.formBlockr input.textInputSmall {
	float:left;
	width:205px;
}
ul.formCreate input.textInputTiny,
ul.formBlockr input.textInputTiny {
	float:left;
	width:100px;
}
ul.formCreate textarea.textAreaInput,
ul.formBlockr textarea.textAreaInput {
	float:left;
	width:410px;
}
ul.formCreate textarea.textAreaDirectLink,
ul.formBlockr textarea.textAreaDirectLink {
	float:left;
	width:510px;
	height:18px;
}
ul.formCreate div.copyLink {
	float:left;
	margin-top:0.6em;
	margin-right:0.6em;
}
ul.formCreate div.copyLink a{
	float:left;
	border:1px solid #de1d3c;
}
ul.formCreate div.copyLink a:hover{
	border:1px solid #eee;
}
ul.formCreate label,
ul.formCreate label {
	float:left;
	width:440px;
}
ul.formCreate label span {
	float:left;
	width:400px;
}
ul.formCreate label.checkBox {
	font-weight:normal;
	padding-top:4px;
}
ul.formCreate input.checkBox {
	float:left;
	width:20px;
}

ul.formCreate b.error {
	font-size:14px;
	font-weight:bold;
	color: #de1d3c;
	padding-top:10px;
	text-align:left;
}

ul.nextprevListCreate {
	float:right;
	position:relative;
	margin-top:20px;
	padding-right:20px;
	text-align:left;
}
ul.nextprevListCreate li {
	padding-bottom:8px;
}
ul.nextprevListCreate li.cancel,
ul.nextprevListCreate li.txtLink,
ul.nextprevListSubmit li.txtLink,
ul.nextprevListSubmit .secondary {
	float:left;
	font-size:12px;
}
ul.nextprevListSubmit li.txtLink a:hover {
	text-decoration:none;
}
ul.nextprevListSubmit {
	float:left;
	position:relative;
	margin-top:5px;
	text-align:left;
}
ul.nextprevListSubmit li {
	float:left;
	width:100%;
	padding-bottom:8px;
}

ul.themeTabNav,
ul.photoMethodTabNav {
	float:left;
	width:760px;
	border-bottom:1px solid #423636;
}
ul.uploadPhotoTray,
ul.photoTrayTab,
ul.blockNavTab {
	float:left;
	width:960px;
	border-bottom:1px solid #423636;
}

#photoTrayNav {
	float:left;
}

ul.themeTabNav li,
ul.photoMethodTabNav li,
ul.uploadPhotoTray li,
ul.photoTrayTab li,
ul.blockNavTab li,
#photoTrayNav li {
	float:left;
	background-color: #352323;
	margin-right:4px;
}
ul.uploadPhotoTray li.note {
	background-color:#281111;
}
ul.uploadPhotoTray li em {
	float:left;
	margin-top:4px;
	margin-left:5px;
}
ul.photoTrayTab li.link,
ul.blockNavTab li.link {
	float:right;
	background: none;
	padding-left:10px;
}
ul.photoTrayTab li.add {
	background:url('../images/icon_add.png') 0px 3px no-repeat;
}
ul.blockNavTab li.undo {
	background:url('../images/icon_wand.png') 0px 3px no-repeat;
}
ul.photoTrayTab li.link img {
	float:left;
	position:relative;
	top:0px;
}
ul.themeTabNav li a,
ul.themeTabNav li a:visited,
ul.photoMethodTabNav li a,
ul.photoMethodTabNav li a:visited,
ul.uploadPhotoTray li a,
ul.photoTrayTab li a,
ul.photoTrayTab li a:visited,
ul.blockNavTab li a,
ul.blockNavTab li a:visited,
#photoTrayNav li{
	float:left;
	padding:4px 8px;
}
ul.themeTabNav li.active,
ul.photoMethodTabNav li.active,
ul.uploadPhotoTray li.active,
ul.photoTrayTab li.active,
ul.blockNavTab li.active,
#photoTrayNav li.active {
	background-color:#503f3f;
}
#photoTrayNav li {
	cursor:pointer;
}

ul.themePicker {
	float:left;
	position:relative;
	width:760px;
}
ul.themePicker li {
	float:left;
	position:relative;
	width:760px;
}
ul.themePicker li a,
ul.themePicker li a:visited {
	float:left;
	width:752px;
	border:4px solid #281111;
}
ul.themePicker li.active a,
ul.themePicker li.active a:visited {
	background-color:#de1d3c;
	border:4px solid #de1d3c;
	
}
ul.themePicker li a:hover {
	border:4px solid #eee;
}
ul.themePicker li.active a:hover {
	border:4px solid #de1d3c;
	
}
ul.themePicker img.themePic {
	float:left;
	padding:18px 0px 18px 18px;
	vertical-align:middle;
}
ul.themePicker blockquote {
	float:right;
	width:360px;
	padding-top:16px;
}
ul.themePicker blockquote h4 {
	float:left;
	width:265px;
	margin:0;
	padding:0;
}
ul.themePicker blockquote p {
	float:left;
	width:265px;
	margin:0;
	padding:0;
}
ul.themePicker blockquote strong {
	float:right;
	width:70px;
}

ul.quoteCats {
	float:left;
	position:relative;
	width:200px;
}
ul.quoteCats li {
	float:left;
	position:relative;
	width:200px;
}
ul.quoteCats li a {
	float:left;
	padding:4px;
	width:192px;
	cursor:pointer;
}
ul.quoteCats li.active a {
	background-color:#eee;
}
ul.quoteCats li a:hover {
	background-color:#de1d3c;
}
ul.quoteCats li.active a:hover {
	background-color:#eee;
}
#wrQuotes {
	float:left;
	width:600px;
	height:350px;
	border:1px solid #8a8181;
	overflow:auto;
	margin-bottom:15px;
}

ul.quoteList {
	float:left;
	width:580px;
}
ul.quoteList li {
	float:left;
	width:580px;
	border-bottom:1px dashed #392424;
}
ul.quoteList li a {
	float:left;
	width:558px;
	padding:8px;
	border:4px solid #281111;
}
ul.quoteList li a:hover {
	border:4px solid #eee;
}
ul.quoteList li.active a {
	border:4px solid #de1d3c;
}
ul.quoteList li blockquote {
	float:left;
	width:550px;
}
ul.quoteList li em.author {
	float:left;
	width:550px;
}
ul.quoteList li strong {
	float:right;
	width:100px;
	text-align:right;
}

ul.uploadPhotoList {
	float:left;
	width:960px;
}
ul.uploadPhotoList li {
	float:left;
	width:80px;
	height:80px;
	border:1px solid #ddd;
	margin:5px 5px 0px 0px;
	background: url('../images/phototray_img_bg.gif') top left;
	text-align:center;
	display:block;
}
ul.uploadPhotoList li a {
	display:block;
	height:80px;
	position:relative;
	width:80px;
}
ul.uploadPhotoList li img.delete-button {
  bottom: auto;
  left: auto;
  cursor: pointer;
}
ul.uploadPhotoList li span.flag {
	position:absolute;
	text-indent:-9999px;
	width:16px;
	height:16px;
	left:0;
	bottom:0;
	background:url('../images/phototray_flag_bg.gif') bottom left no-repeat ;
}
ul.photoTray {
	float:left;
	width:960px;
}
ul.photoTray li.trayNav {
	float:left;
	width:30px;
	height:80px;
	border:1px dotted #534141;
	margin:5px 0px 0px 0px;
	background: none;
}
ul.photoTray li.trayNav a {
	width:30px;
	float:left;
}
ul.photoTray li.trayNav img {
	margin:0px;
}
ul.photoTray li.photoPanes {
	float:left;
	width:865px;
	height:110px;
	margin:5px 5px 0px 5px;
	text-align:center;
}
ul.photoPane {
	float:left;
	width:875px;
	height:110px;
	padding-bottom:10px;
	overflow:hidden;
}
ul.photoPane li {
	float:left;
	width:80px;
	height:80px;
	border:1px solid #ddd;
	margin:0px 5px 0px 0px;
	text-align:center;
	background: url('../images/phototray_img_bg.gif') top left;
}

ul.photoPane li img {
	margin:0 auto;
}
ul.photoPane li a {
	float:left;
	display:block;
	height:80px;
	width:80px;
}
ul.photoPane li span.flag {
	float:left;
	height:16px;
	left:0;
	bottom:0;
}
#panes {
	overflow:hidden;
	width:865px;
	height:100px;
}
.pane {

}
ul.blockNav {
	float:left;
	width:940px;
	padding-left:20px;
}
ul.blockNav li {
	float:left;
	width:161px;
	height:80px;
	border:1px solid #ddd;
	margin:8px 8px 0px 0px;
}
ul.blockNav li.blockNavBtn {
	float:left;
	width:30px;
	height:80px;
	border:1px dotted #534141;
	margin:8px 8px 0px 0px;
	background: none;
}

table.tblLevels {
	margin:0 auto;
	margin-bottom:16px;
	
	font-size:12px;
}
table.tblLevels td.tblHead {
	width:130px;
	border-bottom:1px solid #423636;
	padding:6px 0px;
	
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
}
table.tblLevels td.tblHead em {
	position:relative;
	font-size:11px;
	top:-4px;
}
table.tblLevels td.tblRwHead {
	width:170px;
	border-bottom:1px solid #423636;
	
}
table.tblLevels td.tblRw {
	width:140px;
	border-bottom:1px solid #423636;
	padding:15px 15px;
	text-align:right;
	
	color:#aaa;
}
table.tblLevels td.tblData {
	width:100px;
	border-left:1px dotted #423636;
	border-bottom:1px solid #423636;
	padding:12px 15px;
}

em.campus1,
em.campus2,
em.campus3 {
	position:relative;
	float:left;
	width:270px;
	padding-bottom:2.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	
	color:#eee;
}
em.campus1 {
	padding-left:35px;
}
em.campus2 {
	padding-left:40px;
}
em.campus3 {
	padding-left:30px;
}
em.campus3 a:hover {
	text-decoration:none;
}
p.formDesc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#aaa;
}

/* Typography */
#wrHeaderCreate {
	font-family:Helvetica, Arial, sans-serif;
	font-size:15px;
	letter-spacing:-0px;
	font-weight:bold;
	color:#fcc;
}
#wrHeaderCreate a,
#wrHeaderCreate a:visited {
	xcolor:#fcc;
	color:#333;
}
#wrHeaderCreate a:hover {
	color:#fff;
	text-decoration:none;
}
ul#createNav li.active a {
	color:#fff;
}

.createDesc,
.createDescWide {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#aaa;
}

h2.subTitle {
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	color:#eee;
}
.createDesc p,
.createDescWide p {
	padding-bottom:1.0em;
}

.createMain h4 {
	float:left;
	width:50%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	text-align:left;
	padding-top:15px;
	color:#eee;
}
.createMain h4.wide {
	width:90%;
}

.formWide {
	float:left;
	width:100%;
}

.formOverlay {
	position:relative;
	float:left;
	width:400px;
	top:auto;
	left:0px;
	background:#281111;
	padding:20px;
	border:2px solid #831727;
}

#checkImages{
	float:none;
	clear:both;
}

.columnWidth1{
	width:56%;
	float:left;
}
.columnWidth2{
	width:10%;
	float:left;
}
.columnWidth3{
	width:6%;
	float:left;
}

.toggledText{
  display: block;
}
.toggledText.hidden{
  display: none;
}

.formLeft {
	float:left;
	width:50%;
}
.formRight {
	float:right;
	width:50%;
}
.blockDataFormRight {
	float:right;
	width:85%;
}

.blockDataFormRight .viewAdd{
  float:right;
  text-align: right;
}

.blockDataFormLeft {
	float:left;
	width:15%;
}
.formCreate h2,
.formBlockr h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#eee;
	width:100%;
}
.formCreate label,
.formBlockr label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#eee;
}
.formCreate li,
.formBlockr li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333;
}
.formBlockr li {
	color:#099eff;
}

.formCreate input.textInput,
.formBlockr input.textInput {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height:18px;
}
.formCreate textarea.textAreaDirectLink,
.formBlockr textarea.textAreaDirectLink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#555;
}
.formCreate div.copyLink a,
.formBlockr div.copyLink a {
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
}
.formCreate div.copyLink a:hover,
.formBlockr div.copyLink a:hover {
	text-decoration:none;
	background-color:#de1d3c;
	color:#fff;
}
.createMain em.error {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #de1d3c;
	font-size:12px;
	font-weight:bold;
	padding-bottom:12px;
}
.createMain em.ex {
	font-family:Arial, Helvetica, sans-serif;
	color: #de1d3c;
	font-size:12px;
	padding-top:2px;
}
.createMain em.exWide {
	font-family:Arial, Helvetica, sans-serif;
	color: #de1d3c;
	font-size:12px;
}

ul.themeTabNav,
ul.photoMethodTabNav,
ul.uploadPhotoTray,
ul.photoTrayTab,
ul.blockNavTab,
#photoTrayNav li{
	font-size:11px;
	color: #999;
}
ul.photoMethodTabNav select,
ul.photoTrayTab select {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:1px;
}

ul.themeTabNav li a,
ul.themeTabNav li a:visited,
ul.photoMethodTabNav li a,
ul.photoMethodTabNav li a:visited,
ul.uploadPhotoTray li a,
ul.uploadPhotoTray li a:visited,
ul.photoTrayTab li a,
ul.photoTrayTab li a:visited,
ul.blockNavTab li a,
ul.blockNavTab li a:visited,
#photoTrayNav li {
	color:#aaa;
}
ul.uploadPhotoTray li em {
	color:#de1d3c;
}
ul.photoTrayTab li.link a,
ul.blockNavTab li.link a {
	font-weight:bold;
}
ul.themeTabNav li a:hover,
ul.photoMethodTabNav li a:hover,
ul.uploadPhotoTray li a:hover,
ul.photoTrayTab li a:hover,
ul.blockNavTab li a:hover {
	color:#ddd;
	text-decoration:none;
}
ul.themeTabNav li.active a,
ul.themeTabNav li.active a:visited,
ul.photoMethodTabNav li.active a,
ul.photoMethodTabNav li.active a:visited,
ul.uploadPhotoTray li.active a,
ul.uploadPhotoTray li.active a:visited,
ul.photoTrayTab li.active a,
ul.photoTrayTab li.active a:visited,
ul.blockNavTab li.active a,
ul.blockNavTab li.active a:visited {
	font-weight:bold;
	color:#ddd;
}
ul.themePicker blockquote {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}
ul.themePicker a:hover {
	text-decoration:none;
}
ul.themePicker blockquote h4 {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#eee;
}
#wrMain ul.themePicker blockquote p {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.2em;
	color:#777;
	margin:0;
	padding:0;
}
ul.themePicker blockquote strong {
	cursor:pointer;
	font-weight:bold;
}
ul.themePicker li.active blockquote strong {
	color:#eee;
}
ul.quoteCats {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
ul.quoteCats li a:hover {
	color:#eee;
	text-decoration:none;
}
ul.quoteCats li.active a{
	color:#000;
}
ul.quoteList li a:hover {
	text-decoration:none;
}
ul.quoteList li blockquote {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#eee;
}
ul.quoteList li em.author {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#aaa;
}
#wrMain ul.quoteList li strong {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	font-weight:bold;
}
#wrMain ul.quoteList li.active strong {
	color:#eee;
}
ul.photoPane li span.flag {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#de1d3c;
	text-transform:uppercase;
}
p.notes {
	float:left;
	width:100%;
	font-size:12px;
	padding-bottom:1.0em;
}