/** page layout */

body {
	background: url("/.tuplix-media/apps/tuplix/i/2007/page-back.gif") repeat-x;
}


.topStatus {
    width: 100%;
	background-color: #2e2e2e;
}

.topStatus ul {
	padding: 3px;
	color: #ffffff;
	background-color: #2e2e2e;
	float: left;
	list-style-type: none;
}

.topStatus li { float: left; }

.topStatus li.plainRight { 
	font-size: 11px;
	float: right;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #666666;
}

.topStatus li.plainLeft { 
	font-size: 11px;
	float: left;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 1px solid #666666;
}

.topStatus a:link, .topStatus a:visited {
	font-size: 11px;
	text-decoration: none;
	color: #fff;
}

.topStatus a:link.active, .topStatus a:visited.active	{
	color: #fff;
}

.topStatus a:hover	{
	text-decoration: underline;
}


.topLogo {
	height: 76px;
	clear: both;
	background-image: url("/.tuplix-media/apps/tuplix/i/2007/topLogo-bg.png");
	background-repeat: repeat-x;
}

.mainContent {
	background: #fff;
}

.footer {
	font-size: 10px;
	line-height: 20px;
	width: 100%;
	color: #333333;
	text-align: center;
	background: #ededed;
	border-top: 1px solid #2e2e2e;
}

#rightMessageBox {
	padding: 5px;
	margin-right: 23px;
	border: 1px solid #2e2e2e;	
}

/** 
	Error/Success Messages and Console  
*/
.messageConsole {
  text-align: center;
  color: #fff; 
  font-size: 14pt; 
  font-weight: bold;
  height: 35px; 
}
/**
.errorConsole { height: 35px; background-image: url("/.tuplix-media/apps/tuplix/i/2007/errorBg-small.png"); background-repeat: repeat-x;  padding-top: 4px; }
.successConsole {  height: 35px; background-image: url("/.tuplix-media/apps/tuplix/i/2007/successBg-small.png"); background-repeat: repeat-x;  padding-top: 4px; }
*/
.errorConsole { height: 35px; background-image: url("/.tuplix-media/apps/tuplix/i/2007/errorBg-small.png"); background-repeat: repeat-x;  padding-top: 4px; }
.successConsole {  height: 35px; background-image: url("/.tuplix-media/apps/tuplix/i/2007/successBg-small.png"); background-repeat: repeat-x;  padding-top: 4px; }

#hideSuccessConsole  { padding-left: 10px; color: #fff; font-size: 10px;	text-decoration: none; }
.inputGeneralSuccess { font-size: 14px; font-weight: bold; color: green; }
.inputGeneralError 	 { color: red; font-weight: bold; }
.inputErrorText 	 { font-weight: bold; color: red; }
#hideErrorConsole 	 { padding-left: 10px; color: #fff; font-size: 10px; text-decoration: none; }


/** tab navigation */
#tabnav	{
	padding-top: 20px;
	height: 24px;
	margin: 0;
	padding-left: 10px;
	background: url(/.tuplix-media/apps/tuplix/i/2007/tab_bottom.gif) repeat-x bottom;
}

#tabnav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
#tabnav a:link, #tabnav a:visited {
	float: left;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
	margin-right: 7px;
	border: 1px solid #2e2e2e;
	text-decoration: none;
	color: #2e2e2e;
	background: url(/.tuplix-media/apps/tuplix/i/2007/tab_bg.gif) repeat-x bottom;
}

#tabnav a:link.active, #tabnav a:visited.active	{
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #2e2e2e;
	font-weight: bold;
}

#tabnav a:hover	{
	background: url(/.tuplix-media/apps/tuplix/i/2007/tab_bg2.gif) repeat-x bottom;
}

/** headers */
h1 {
	color: #014a91;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
}

h3 {
	color: #014a91;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}

/** User selected actions */
.actionBtn  		 { 
	float: left; 
	padding: 5px; 
	margin: 0px 5px 0px 0px; 
	border: 1px solid #000; 
	font-size: 13px; 
	font-weight: normal; 
	color: #000; 
	#background-color: rgb(142,142,142); 
	background-color: #ccc; 
}
.actionBtn a  		 { text-decoration: none; color: #000; }	
.actionBtn a:hover 	 { text-decoration: underline; color: #000; }
.actionBtnActive  	 { border: 1px solid #000; padding: 5px; font-size: 13px; font-weight: bold; float: left; background-color: #eee; color: #ffffff; margin: 0px 5px 0px 0px; }
.actionBtnActive a   { text-decoration: none; color: #000; }	
.actionBtnActive a:hover { text-decoration: none; color: #000; }

/**	
	Pagination
*/
#pagination 		 { padding-top: 10px; padding-left: 10px; font-size: 12px; }
#paginationFilter 	 { padding-right: 10px; float: right; }
#paginationPrevNext  { float: left; }  

/** round corners */
div#nifty{ margin: 0 0%;background: #c6d6e5}

b.rtop, b.rbottom{display:block;background: #ffffff}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #c6d6e5}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


#helpBoxContainer {
	padding: 10px;
}

#stepContainer {
	padding-top: 20px;
	padding-bottom: 5px;
}
#stepBoxWrapper {
	background-color: #f8f8f8;
	
}
#stepBoxContainerSmall {
	padding: 10px;
}
#stepBoxContainer {
	padding: 10px;
}
#stepBoxNumber {
	float: left;
	font-size: 20px;
	color: #2e2e2e;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	width: 30px;
	background-color: #ccc;
	border: 1px solid #000;
	margin-right: 10px;
}
#stepBoxNumberSmall {
	float: left;
	font-size: 10px;
	color: #2e2e2e;
	padding: 5px;
	text-align: center;
	width: 15px;
	border: 1px solid #000;
	margin-right: 5px;
	clear: both;
	margin-bottom: 5px;
	
}
#stepBoxNumberCurrent {
	float: left;
	font-size: 20px;
	color: #2e2e2e;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	width: 30px;
	background-color: #fff;
	border: 1px solid #000;
	margin-right: 10px;
}
#stepBoxText {
	float: left;
	color: #2e2e2e;
	font-weight: bold;
	padding-top: 10px;
}
#stepBoxTextLine1 {
	float: left;
	color: #2e2e2e;
	font-weight: bold;
	padding-top: 3px;
}
#stepBoxTextLine2 {
	color: #2e2e2e;
	font-weight: normal;
}

#stepBoxTextSmall {
	float: left;
	color: #2e2e2e;
	font-size: 11px;
	padding-top: 5px;
}
#dataList {
}

div#dataList ul {
}

div#dataList li {
	border-top: 1px solid #000;
	padding: 10px;
}

div#noRecords {
	background-color: #eee;
	border-top: 1px solid #000;
	padding: 10px;
	font-size: 14px; 
	line-height: 16px;
}

div#noRecords a {
	border: 1px solid #000; 
	padding: 5px; 
	font-size: 12px; 
	font-weight: bold; 
	background-color: #eee; 
	color: #000; 
	text-decoration: none;
	margin: 0px 5px 0px 0px;
}

div#noRecords a:hover {
	text-decoration: underline;
}

#searchFilter {
}

#internalBox {
	background-color: #f8f8f8;
}

label {
    width:140px;
    line-height:23px;
    float:left;
	font-size: 16px;
	color: #014a91;
	text-align: left;
}

label.dialogLabel {
    width:120px;
	font-size: 16px;
	color: #014a91;
	text-align: left;
}

label.step2 {
    width:140px;
    line-height:23px;
    float:left;
	font-size: 16px;
	color: #014a91;
	text-align: left;
}

#textFormElement {
	font-size: 16px;
	color: rgb(0, 0, 0);
	text-align: left;
}

input.text {
	padding: 3px;
	background-color: #fff;
	font-size: 16px;
	font-weight: normal;
	width: 200px;
	margin-bottom: 10px;
}
input.textDialog {
	padding: 3px;
	background-color: #fff;
	font-size: 16px;
	font-weight: normal;
	width: 200px;
}
input.textLong {
	padding: 3px;
	background-color: #fff;
	font-size: 16px;
	font-weight: normal;
	width: 275px;
	margin-bottom: 10px;
}
.textHelper {
	font-size: 12px;
	padding-left: 140px; 
	margin-bottom: 10px;
}
.textHelperLeft {
	font-size: 12px;
	padding-left: 125px; 
}

input.textError {
	background-color: #ffe2e2;
	font-size: 16px;
	font-weight: normal;
	width: 200px;
	margin-bottom: 10px;
	padding: 3px;
}

select {
	background-color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	width: 150px;
}
select.nostyle {
	background-color: #fff;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 0px;
	width: 50px;
}
input#action {
	font-size: 14px;
	color: #000;
}

input.submit {
	padding: 2px;
	background-color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
}

h2 {
	color: #2e2e2e;
	font-size: 16px;
	margin-top: -5px;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 2px;
}

.stepLinks a {
	color: #014a91;
}
.stepLinks a:hover {
	text-decoration: none;
}

.msg {
	padding-top: 5px;
}
.msg .x-box-mc {
    font-size:14px;
}
#msg-div {
    position:absolute;
    left:35%;
    top:10px;
    width:250px;
    z-index:20000;
}
/**	Icons */
#pageIcons { float:right; }
.icons	{ padding-left: 10px; float: left; font-size: 10px; text-align: center; }
.iconsSingle { float: left; font-size: 10px; text-align: center; }


.iconImage {
	width: 50px;
	float: left;
	text-align: center;
}
.iconText {
	text-align: center;	
	font-size: 10px;
}

input.button {
    margin: 0;
    padding: 0 .25em;
    width: auto;
    overflow:visible;
}