/*--------------------------------------------
	Document: Cascading Style Sheets (CSS 2.0)
	Project: InstantReg.Com. Events Registration Application Interface
	Author: Tahir Iqbal - tahirikbal@gmail.com
	Date: Tuesday, November 28, 2006
	Copyrights: © Tahir Iqbal
---------------------------------------------*/

/** {
	margin: 0;
	padding: 0;
}
*/
body p{ line-height:1.4; }

div#wrapper{ background-color: #eee; }

div#wrapper-inner {  margin: 0 auto; max-width: 1170px; min-width: 750px; text-align: left; width: auto; }

div#header div#header-inner{ background-color: #1F608E; padding: 16px; text-align: right; }

input.buttonSubmit, input.buttonSubmit2, input.buttonSubmit3, input.btnBack { width:auto; height:auto; padding:6px 10px; min-width:110px }

input.buttonSubmit{	background-color:#1F608E; color:#fff }


/*Registration Steps
------------------------------------*/
div#reg-steps{
	background-color: #1F608E;
    float: left;
    margin: 0;
    padding: 0;
    position: static;
    text-align: center;
    top: 0;
    width: 100%;
}

div#reg-steps ul,
div#reg-steps li{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#reg-steps li{
	color: #fff;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 10px 8px;
    text-align: center;
    width: auto;
}

div#reg-steps li.visited-tab,
div#reg-steps li.selected-tab{ background: none repeat scroll 0 0 #98a4ad;
    color: #fff;
    padding-right: 40px;
    position: relative;
    z-index: 2;
	
	}

.visited-tab:after,
.selected-tab:after {
    border-color: #1F608E #1F608E #fff #98a4ad; border-style: solid; border-width: 16px; content: "";  font-size: 0; height: 0; position: absolute; right: 0; top: 0; width: 0;
}
.visited-tab:after {border-color: #98a4ad #1F608E #fff #98a4ad;}

/*Event Title
----------------------------------------*/
div#event-title{
	width: 600px;
	margin: auto;
	text-align: center;
}
div#event-title h1, div#event-title h4 { font-family: Verdana, Geneva, sans-serif; color:#fff}
div#event-title h4{ color: #fff; }

/*Contents
--------------*/
div#contents{background-color: #fff;  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);  margin-top: 30px; padding: 20px 30px; }

div#footer{ width: 960px; margin: 0 auto; padding-top: 20px; }

div#footer li{ width: 470px; }

div#footer li a:hover { color:#333; text-decoration:none}

.special_1 {	background: #D4E8FC;
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}

.special_2 {
	background: #E9EEF3;
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}

fieldset {
    border: 1px solid #ccc;
    margin: 10px 0;
    float: none;
    width:100%;
}

fieldset legend {
    margin-left: 10px;
}

div#contents h3{
	background: none;
}

.addRow, .delRow {
	border: 1px solid #999;
	margin: 3px;
}

input.btnBack{
	background-image: none;
	background: #AAA;
}