/* Iggli Styles
 * By Dehru Cromer, Aaron Stone
 * For iggli inc
 * 2008
 */

/**
* BRANDING
**/

html {overflow-y: scroll;}

html, body {	 
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	margin-top: 0px;
}
h1 {font-weight: 600; font-size: 30px; margin: 10px 0px 10px 0px; color:#3D8636 }
h2 {font-size: 25px; font-weight: 600;  margin: 10px 0px 10px 0px; color:#3D8636 }
h3 {font-size: 18px; font-weight: 600;  margin: 10px 0px 10px 0px; color:#3D8636 }
.color-dark { color: #3D8636;}
.color-light { color: white; }


.background-dark, .wiz-menu li div, .wiz-menu li a.step { background-color: #3D8636; }
.background-litevite { background-color: #dbd6d2; }


.background-light { background-color: white; }
.border-dark { border: 1px solid #3D8636; }
.border-light { color: 1px solid white; }
a:link, a:visited, a:active {  color:#3D8636; text-decoration:none;  }
a:hover {  color:#3D8636; text-decoration:underline;  } 
a, button {outline: none;}

/* brand */

.brand, a {
	color: #3D8636;}

.brand-bg {
	background-color: #3D8636;}
	
.brand-border {
	border-color: #3D8636;}

/* DEFAULT ELEMENTS
 * these are styles for common html elements
 */



/* USEFUL CLASSES
 * these are for convenience. feel free to sprinkle these throughout. :-)
 */
.left   { float:left; }
.right  { float:right; }

.hide   { display:none; }

.reset-margin   { margin:0; } 
.reset-padding  { padding:0; } 
.reset          { margin:0; padding:0; } 

.align-justify  { text-align:justify; } 
.align-left     { text-align:left; } 
.align-center   { text-align:center; } 
.align-right    { text-align:right; }
.top { vertical-align:top; }
.bold	{ font-weight: bold; }

.even, tr.even td { background-color:#e4eee1; }
.odd, tr.odd td { background-color:#ffffff; }

.pointer { 	cursor: pointer; }

.blue {  color: #378CB0;  }
.brown {  color: #AD9557;  }
.red {  color: #BE4113;  }
.black {  color: black;  }
.white {  color: white;  }
.quiet { color: #999; }

.serif { font-family: Times New Roman, Times, serif; }
.sans-serif { font-family: Helvetica, Arial, sans-serif; }
.mono-space { font-family: Courier New, Courier, mono-space; }

.form-error { color: red; }
.error, .notice, .success {padding:20px;margin-bottom:30px;border:2px solid #ddd;font-size:14px;font-weight:bold;}
.error {background:url(/images/background-error.png) top left repeat-x;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:url(/images/background-yellow.png) top left repeat-x;color:#514721;border-color:#d0b11e;}
.success {background:url(/images/background-success.png) top left repeat-x;color:#264409;border-color:#C6D880;}

/* STRUCTURAL ELEMENTS
 * these are styles for all the page structural elements
 */

#header { }
img.beta {
	float:left;
	margin-right:10px;
	margin-top:5px;
}
#a-login-section {
	padding: 3px 0px 0px 0px;
	height: 30px;
	line-height: 30px;
}
#login-error-message {
	font-style: italic;
	font-size: 10px;	
}

#content {
	padding: 0px 0px 10px 0px;
}
#footer { 
	height:30px;
	line-height:30px;
	margin: 0px 0px 20px 0px; 
	overflow: hidden;
}

/* GENERAL STYLES */
.message-box {
	background-color:#f3f3f3;
	border: 1px solid #e8e8e8;
	padding: 10px;
	vertical-align:top;
	text-align:left;
	margin:20px;
}
.message-box-message {
	padding-top:10px; padding-left:15px; padding-bottom: 20px; width:auto; margin-left: auto;	
}

.example-txt {
	font-family:arial;
	font-size:9px;
	color:#636363;
	font-style:italic;
}

ul.dbl-arrow {
	list-style-type: none;
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
ul.dbl-arrow li:before {
	content: "\00BB \0020";
}
ul.plain {
	list-style-type: none;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
ul.plain li {
	clear: left;
	margin-bottom:5px;
}
ul.inline, ul.inline li {
	display: inline;
	margin: 0;
	padding: 0;
}
.example-txt {
	font-family:arial;
	font-size:9px;
	color:#636363;
	font-style:italic;
}
.header-txt {
	font-family:arial;
	font-size:10px;
	color:#636363;
	font-style:italic;
	margin-top:15px;
	text-align:right;
}
	
a.header-txt {
	text-decoration:none;
	color:#4e483c;
}
	
a.header-txt:hover {
	text-decoration:underline;
}

.footer-txt {
	font-family:arial;
	font-size:9px;
	color:#636363;
	font-style:italic;
	margin-top:15px;
	text-align:center;
}
.static-txt {
	font-size:12px;
	color:#666666;
}

label {
	font-weight: bold; font-size: 14px;	
}
label.normal {
	font-weight: normal; font-size: 12px;	
}

		
/* A BUTTONS */
.button {
	border:0; 
	cursor:pointer; 
	padding:0 3px 0 0;
	float:left;
	height: 34px;
	text-align:center; 
	text-decoration: none;
	color: #ffffff;
	padding-right: 7px;
	margin: 0;
	overflow: hidden;
	}

.button:hover {
	text-decoration: none;}

.button span {
	line-height:32px;
	position:relative; 
	display:block;
	float: left;
	white-space:nowrap; 
	padding:0 4px 0 11px;		
	height: 34px;
	font-size: 10px;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
	font-weight: 100;
	color: white;
	}
	
	
/* Colors */	
.button.orange { background: url(/images/button-o-r.png) top right no-repeat; }
.button.orange span { background: url(/images/button-o-l.png) top left no-repeat; }
.button.green { background: url(/images/button-g-r.png) top right no-repeat; }
.button.green span { background: url(/images/button-g-l.png) top left no-repeat; }
.button.grey { background: url(/images/button-gr-r.png) top right no-repeat; }
.button.grey span { background: url(/images/button-gr-l.png) top left no-repeat; }
.button.red { background: url(/images/button-r-r.png) top right no-repeat; }
.button.red span { background: url(/images/button-r-l.png) top left no-repeat; }	
.button.yellow { background: url(/images/button-y-r.png) top right no-repeat; }
.button.yellow span { background: url(/images/button-y-l.png) top left no-repeat; }
* HTML .button.orange { background: url(/images/button-o-r-ie.gif) right no-repeat; }
* HTML .button.orange span { background: url(/images/button-o-l-ie.gif) left no-repeat; }
* HTML .button.green { background: url(/images/button-g-r-ie.gif) right no-repeat; }
* HTML .button.green span { background: url(/images/button-g-l-ie.gif) left no-repeat; }
* HTML .button.grey { background: url(/images/button-gr-r-ie.gif) right no-repeat; }
* HTML .button.grey span { background: url(/images/button-gr-l-ie.gif) left no-repeat; }
* HTML .button.red { background: url(/images/button-r-r-ie.gif) right no-repeat; }
* HTML .button.red span { background: url(/images/button-r-l-ie.gif) left no-repeat; }
* HTML .button.yellow { background: url(/images/button-y-r-ie.gif) right no-repeat; }
* HTML .button.yellow span { background: url(/images/button-y-l-ie.gif) left no-repeat; }

/* Selected State Colors */	
.button.orange.down { background: url(/images/button-o-r-down.png) top right no-repeat; }
.button.orange.down span { background: url(/images/button-o-l-down.png) top left no-repeat; }
.button.green.down { background: url(/images/button-g-r-down.png) top right no-repeat; }
.button.green.down span { background: url(/images/button-g-l-down.png) top left no-repeat; }
.button.grey.down { background: url(/images/button-gr-r-down.png) top right no-repeat; }
.button.grey.down span { background: url(/images/button-gr-l-down.png) top left no-repeat; }
.button.red.down { background: url(/images/button-r-r-down.png) top right no-repeat; }
.button.red.down span { background: url(/images/button-r-l-down.png) top left no-repeat; }	
.button.yellow.down { background: url(/images/button-y-r-down.png) top right no-repeat; }
.button.yellow.down span { background: url(/images/button-y-l-down.png) top left no-repeat; }

* HTML .button.grey.down { background: url(/images/button-gr-r-down-ie.gif) right no-repeat; }
* HTML .button.grey.down span { background: url(/images/button-gr-l-down-ie.gif) left no-repeat; }


.button.orange a:link, .button.orange a:visited, .button.orange a:hover, .button.orange a:visited:hover, .button.orange a:active { text-decoration: none; }
		
/* OLD BUTTON STYLES
a.button, input.button { 
	display: block;
	width: 125px;
	height: 35px;
	text-align:center;
	vertical-align:absmiddle;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	line-height:35px;
	text-decoration:none;
	cursor:pointer;
	}
	
a.button:hover, input.button:hover { 
	background-color:#009900;
	color:#FFFFFF;
	}
*/

/* A FEW INVITE STYLES */
table#ticket {
	background-color: white;
	border: 1px solid #666666;
	border-collapse:collapse;
}
table#ticket td {
	padding:0px;
}

.ticket-ds {
	background:url(/images/invite/ticket-ds.png) bottom center no-repeat;
	padding-bottom: 22px;
}
* HTML .ticket-ds { background:none; }


/* blueprint overrides */
body {margin:0; padding-bottom: 35px;}
table {margin-bottom:0em;}
input.text, input.title {width:230px;padding:5px;}
input.text, input.title, textarea, select {margin:0px;}
input.text, input.title, textarea {background-color: rgb(230, 230, 230);}
input.text:focus, input.title:focus, textarea:focus {background-color: rgb(255, 255, 255);}










/* --- Other pages --- */

.cleanlayout {
	width: 100%;
	background: url(../images/welcomeback-bg.gif) #fff no-repeat;
	position: relative;
	margin-top: 30px;
	height: 400px;
	}

/* welcome page */

#welcomeback h2 {
	position: absolute;
	left: 268px;
	top: 70px;}
	
#welcomeback p {
	position: absolute;
	top:110px;
	left: 274px;
	width: 280px;
	}

#welcomeback img {
	position: absolute;
	top:35px;
	left: 541px;
	}

/* set-password-view */

#set-pass h2 {
	position: absolute;
	left: 170px;
	top: 70px;}
	
#set-pass .float-wrap {
	position: absolute;
	top:120px;
	left: 210px;
	overflow: auto;
	
	width: 600px;
	}

#set-pass .graybutton {
	margin-right: 5px;
	}

#set-pass .graybutton span {
	width: 115px;
	}

#set-pass .left {
	width: 320px;
	float: left;
	border-right: 1px solid #414141;
	padding-right: 15px;
	}

#set-pass .right {
	width: 240px;
	float: right;
	padding-top: 18px;}
	
#set-pass .forms {
	overflow: hidden;
	clear: both;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	}
	
#set-pass label {
	width: 145px;
	float: left;
	font-weight: 500;
	margin: 0px;
	text-align: right;
	}

#set-pass .terms {
	font-size: 10px;
	float: none;
	font-weight: 500;
	width: auto;
	border-top: 1px solid #ccc;
	padding-top: 3px;
	display: block;}

#set-pass input[type="checkbox"] {
	position: relative;
	top:3px;
	left:3px;
	margin-left: 10px;}

#set-pass input {
	width:130px;
	float: right;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	}

#set-pass .fb-button {
	margin: 15px;}
	
#set-pass .form-box {
	background: url(../images/modal-bg.jpg) bottom left repeat-x #fff;
	border: 2px solid #cccccc;
	
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius:8px;
    
    overflow: auto;
    
    color: #2b2b2b;
    padding: 10px;
    
    margin-top: 15px;
	}

#set-pass #user-auth a {
	margin-left: 30px;}

/* -- HOME PAGE -- */

.indexpage {
	width: 950px;
	height: 557px;
	background: url(../images/index-bg.jpg) top left no-repeat;
	position: relative;
	}
	
.indexpage h1 {
	width: 319px;
	height: 63px;
	margin: 0px;
	text-indent: -10000px;
	background: url(../images/index-welcome.gif) top left no-repeat;
	
	position: absolute;
	top:43px;
	left:45px;
	}

.indexpage .search {
	position: absolute;
	top:160px;
	left: 50px;
	width: 524px;
	
	font-size: 12px;
	color: #8e8e8e;
	}

.indexpage .search strong {
	color: #408b3b;
	font-size: 18px;
	font-weight: 500;
	} 

.indexpage .block {
	position: absolute;
	top:240px;
	left: 50px;
	
	background: url(../images/index-box.gif) top left no-repeat;
	width: 524px;
	height: 160px;
	overflow: visible;
	position: relative;
	color: #658922;
	font-size: 13px;
	line-height: 19px;
	}

.indexpage .block div {
	width: 230px;
	position: absolute;
	top: 40px;}

.indexpage .block .l {
	left: 15px;}

.indexpage .block .r {
	left: 280px;}

.indexpage .block strong {
	color: #408b3b;
	font-size: 22px;
	}
	
/* this is also in invite-common.css */
input#social-share-link {
	border:0 none;
	color:#5B5555;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:3px 0;
	float: none;
	width: auto;
	}

div#all-event-short-urls {
    position:absolute;
    background:lightgray;
}