/* GENERAL
_____________________________________________________________________________*/

.edit {
	float:right;
}

html {
	margin-bottom: 1px;
	min-height: 100%;
	height: 100%;
}

body, div, dl, dt, dd, ul, 
ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, th, td, img {
	margin:0;
	padding:0;
	border:0;
}

table {
	font-size:inherit;
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

img {
	border: 0;
	vertical-align: bottom;
}

cite, code, em, strong, th {
	font-style:normal;
	font-weight:normal;
}

ol, ul {
	list-style:none;
}

th {
	text-align:left;
}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}

q:before, q:after {
	content:'';
}

select, input, textarea {
	font-size:99%;
	font-family: inherit;
}

* {
	outline: none;
}

/* commented backslash hack \*/
html, body{height:100%;}
/* end hack */
html,body {margin:0;padding:0}

body {
	font: 14px Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color: #252525;
	text-align: center;
	background: url(http://www.kruti.com//img/bg.jpg) repeat;
}

p {
	margin: 0 0 1.5em 0;
}

hr {
	border-bottom: 1px solid #a9a6a6;
	border-width: 0 0 1px 0;
}

/* LINKS
_____________________________________________________________________________*/

a {
	text-decoration: none;
	color: #91204d; /*MAROON*/
}

a:hover {
	text-decoration: underline;
}

#student-links a,
.homework-links a,
.result-title a,
a.box-link,
a.tab-link,
#top-nav a,
.back-to-gallery a,
a.static-link,
a#top {
	text-decoration: underline;
}

#student-links a:hover,
.homework-links a:hover,
.result-title a:hover,
a.box-link:hover,
a.tab-link:hover,
#top-nav a:hover,
.back-to-gallery a:hover,
a.static-link:hover,
a#top:hover {
	text-decoration: none;
}

div#required {
	color: red;
	display: inline;
}

a.redleaf {
	background: no-repeat url(http://www.kruti.com//img/li-red.jpg) 0 2px;
	padding-left: 23px;
	margin-top: 5px;
	display: block;
	text-decoration: underline;
}

a.whiteleaf {
	background: no-repeat url(http://www.kruti.com//img/li-white.jpg) 0 2px;
	padding-left: 23px;
	margin-top: 3px;
	display: block;
}

h1 {
	padding: 33px 0 13px 0;
}

h3 {
	margin-bottom: 10px;
}
/* STRUCTURE
_____________________________________________________________________________*/

#container {
	margin-left: auto;
	margin-right: auto;
	min-height: 100%;
	height: auto;
	text-align: left;
	width: 1020px;
	background: url(http://www.kruti.com//img/bg-color.gif) repeat;
}

#header {
	background: url(http://www.kruti.com//img/bg-header.jpg) top no-repeat;
	padding-top: 26px;
	position: relative;
	margin-bottom: 63px;
}

#content {
	padding-left: 32px;
	padding-right: 22px;
}

#left-column {
	float: left;
	width: 705px;
}

#left-column.student {
	width: 600px;
}

#right-column {
	float: right;
	width: 235px;
}

#right-column.student {
	width: 307px;
}

/* HEADER
_____________________________________________________________________________*/

#top-nav {
	width: 450px;
	height: 36px;
	background:url(http://www.kruti.com//img/bg-top-nav.jpg);	
	padding: 4px 0 0 31px;
	color: #321621;
	position: absolute;
	top: 26px;
	left: 518px;
	width: 471px;
}

#top-nav a {
	color: #321621;
}

#top-nav form {
	display: inline;
	color: #333333;
}

#top-nav input {
	background-color: transparent;
	border: none;
	font-size: 14px;
	text-align: center;
}

#top-nav input.text {
	width: 137px;
	margin-right: 9px;
}

#top-nav input.submit {
	width: 68px;
	margin-right: 47px;
	vertical-align: -1px;
}

#nav {
	position: absolute; 
	width: 1038px;
	height: 58px;
	background: url(http://www.kruti.com//img/bg-nav.png) no-repeat;
	top: 176px;
	left: -9px;
	padding: 12px 0 0 20px;
}

#nav a {
	color: #FFFFFF;
	font-size: 15px;
	display: block;
	float: left;
	margin-right: 13px;
	padding-left: 28px;
}

#nav a.active {
	color: #e8bf56;
	background: url(http://www.kruti.com//img/nav-active.jpg) no-repeat 7px 3px;
}

#nav a.last {
	margin-right: 0px;
}

#breadcrumbs {
	position: absolute;
	top: 235px;
	left: 20px;
	color: #252525;
	font-size: 11px;
}

#breadcrumbs a {
	color: #959595;
}

/* HOME
_____________________________________________________________________________*/

#featured-content {
	width: 710px;
	height: 350px;
	background-color: black;
	margin-bottom: 20px;
	position: relative;
}

#featured-text {
	width: 250px;
	height: 200px;
	position: absolute;
	left: 15px;
	top: 20px;
	background-image:url(http://www.kruti.com//img/bg-featured-light.png);
	z-index: 50;
	padding: 10px !important;
	color: #eae0aa;
	font-size: 15px;
	line-height: 1.3em;
}

#featured-text .box {
	display: none;
}

#featured-text .box.active {
	display: block;
}

a.box-link {
	font-weight: bold;
	display: block;
	color: #eae0aa;
}

.box-header {
	margin-bottom: 10px;
}

#featured-text p {
	margin-bottom: 10px;
}

#featured-tabs {
	position: absolute;
	height: 75px;
	width: 710px;
	top: 275px;
	z-index: 50;
	background: url(http://www.kruti.com//img/bg-featured-light.png);
}

.featured-tab {
	width: 33%;
	float: left;
	padding: 10px 0 0 0;
	color: #eae0aa;
	line-height: 1.1em;
	font-size: 12px;
	height: 65px;
}

.featured-tab img {
	float: left;
	margin: 0 10px 0 30px;
	border: 1px solid #878169;
}

.featured-tab.active {
	background: url(http://www.kruti.com//img/bg-featured-light.png);
}

.featured-tab.active img {
	border-color: #e2b954;
}

.tab-heading {
	font-weight: bold;
}

.active .tab-heading {
	color: #e8bf56;
}

a.tab-link {
	color: #eae0aa;
	margin-top: 5px;
	display: block;
}

#home-about {
	margin-bottom: 55px;
}

#home-news {
	margin-bottom: 55px;
}

.home-newsitem {
	margin-bottom: 30px;
}

#home-news hr {
	margin-bottom: 50px;
}

.news-image {
	float: left;
	margin-right: 25px;
	width: 120px;
}

.news-text {
	width: 555px;
	float: left;
}

.news-headline {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: normal;
	color: #91204D;	
}

.big-purple {
	font-size: 18px;
	font-weight: normal;
	color: #91204D;
}	

.news-headline span.news-comments {
	position: relative;
	border: 1px solid #EFFAE2;
}

span.news-comments span {
	position: absolute;
	top: -32px;
	width: 43px;
	height: 40px;
	color: #f5c754;
	background: url(http://www.kruti.com//img/comment-quotebox.jpg) no-repeat;
	padding-top: 7px;
	text-align: center;
}

.news-byline {
	color: #321621;
	background-color: #e8bf56;
	padding: 0 0 0 8px;
	margin-bottom: 10px;
}

#home-gallery {
	margin-bottom: 85px;
} 

.gallery-item {
	width: 200px;
	margin-right: 51px;
	float: left;
}

.gallery-item img {
	margin-bottom: 5px;
}

.gallery-item a {
	font-size: 18px;
	display: block;
	margin-bottom: 3px;
}


#featured-accordion {
	width: 237px;
	height: 341px;
	padding-top: 9px;
	margin-bottom: 30px;
	background: url(http://www.kruti.com//img/bg-accordion.jpg) no-repeat;
	color: #FFFFFF;
	line-height: 1.3em;
	overflow: hidden;
} 

#featured-accordion a {
	color: #FFFFFF;
}

.accordion-content {
	height: 175px; 
	font-size: 13px;
	
}

.accordion-container {
	padding: 16px 0 32px 0px;
	background: #321621 repeat-y url(http://www.kruti.com//img/bg-box.jpg) right;
	margin-bottom: 30px;
}

.accordion-container h4,
.ui-accordion .ui-accordion-header { 
	cursor: pointer; 
	position: relative; 
	margin: 0 0 15px 0; 
	background: url(http://www.kruti.com//img/accordion-header.jpg) 6px 0px no-repeat; 
	height: 37px;	
	padding: 5px 0 0 20px; 
}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header.ui-state-active { 	border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { 
	padding: 0px 20px 0px 20px; 
	border-top: 0;
/*	margin-top: -19px; */
	position: relative; 
	top: -19px; 
/*	margin-bottom: 10px; */
	overflow: auto; 
	display: none;     
}
.ui-accordion .ui-accordion-content-active { display: block; }

/*  boxes  */ 

#left-column .accordion-container h4 {
	background: no-repeat url(http://www.kruti.com//img/box-header-sc.jpg);
	cursor: default;
	margin-left: 20px;
	margin-bottom: 0px;
}

#left-column .accordion-container {
	width: 600px;
	color: #FFFFFF;
	line-height: 1.3em;
	overflow: hidden;
} 

#left-column .accordion-content {
	background-color: #f7f0e2;
	margin: 0 36px 0 33px;
	height: auto;
	padding-bottom: 10px;
}

.student .accordion-container h4 {
	background: no-repeat url(http://www.kruti.com//img/bg-box-small.jpg);
	margin-left: 11px;
	color: #FFFFFF;
}

.accordion-container .tweets {
	width: 235px;
	height: 408px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 100px;
	background: #321621 no-repeat url(http://www.kruti.com//img/bg-tweets.png);
}

.accordion-container .calendar {
	background-color: #f7f0e2;
	margin: 0 36px 0 33px;
	height: auto;
	position: relative;
}

.calendar #wn {
	position: relative;
	overflow: hidden;
	width: 224px;
	height: 300px;
}

.calendar #scrollbar {
	position: absolute;
	top: 0px;
	left: 227px;
	width: 11px;
	height: 300px;
	display: block;
  	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
}

.calendar div#track { 
	position:absolute;
	left:0;
	top:11px;
	width:11px;
	height:279px;
	background: #336;
}

div#dragBar {
	position:absolute; left:1px; top:1px;
	width:9px; height:20px;
	background-color:#F0D89F;
}

div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
	display:block; 
} 

.calendar .item {
	padding: 18px 23px;
}

.calendar .odd {
	background-color: #f4e6c6;
}

.calendar .title {
	font-size: 16px;
	color: #91204D;
}

.calendar .subtitle {
	font-size: 12px;
	line-height: 13px;
	color: #91204D;
}

.calendar .description {
	color: #464646;
	font-size: 12px;
	line-height: 15px;
	margin: 6px 0px 0px 0px;
}

.calendar .description strong {
	font-weight: bold;
}

/* HOMEWORK 
_____________________________________________________________________________*/

h1.student {
	margin-left: 30px;
}

#student-bar {
	padding: 15px 30px;
	background-color: #f0d89f;
	margin-bottom: 50px;
}

#student-avatar {
	background-color: #fdfdfc;
	border: 2px solid #5b5a59;
	padding: 18px;
	float: left;
}

#student-links {
	float: left;
	width: 197px;
	padding: 0 45px 0 12px;
}
	
#student-quote {
	width: 590px;
	float: left;
}

#student-quote img {
	border: 2px solid #5b5a59;
}

.accordion-container h4 a {
	float: right;
	font-size: 12px;
	padding-right: 15px;
}

#featured-accordion h4 {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: normal;
}

.homework {
	color: #464646;
	font-size: 12px;
	padding: 12px 23px;
}

.media-homework .homework {
	padding: 8px 23px;
}

.homework .title {
	font-size: 16px;
	color: #91204D;
	margin-bottom: 5px;
}

.homework .title span {
	color: #464646;
	float: right;
	font-size: 12px;
}

.homework .small-title {
	font-size: 14px;
	color: #91204D;
	margin-bottom: 5px;
}

.homework ul li {
	background: no-repeat url(http://www.kruti.com//img/li-red.png) 0 2px;
	font-size: 14px;
	padding-left: 23px;
	margin-top: 5px;
	display: block;
	list-style-type: none;
}

.homework a {
	color: #91204d;
	text-decoration: underline;
}

.homework-links {
	margin-top: 10px;
}

.homework-links a {
	color: #91204D;
	display: block;
	background: no-repeat url(http://www.kruti.com//img/li-red.png) 2px 2px;
	padding-left: 20px;
}

.homework-text {
	width: 260px;
	float: left;
}

.homework.odd {
	background-color: #f4e6c6;
}

.homework-image {
	float: left;
	margin-right: 20px;
}

.homework-pagination {
	padding: 10px 23px 0px 23px;
}

.homework-pagination a {
	color: #91204d;
	text-decoration: underline;
	font-size: 12px;
}

.homework-pagination .next-page {
	float: right;
}

.homework-pagination .previous-page {
	float: left;
}

.edit-profile, #edit-profile {
	font-size: 11px;
	color: #080808;
}

/* Calendar
_____________________________________________________________________________*/

.calendarBG{
background-color: #f4e6c6;
width: 200px;
height: 180px;
margin-left: auto;
margin-right: auto;
	
}
.calendarBG th{
	text-align: center;
	font-weight: bold;
	background-color: #f7f0e2;	
}
.calendarHeader{
	text-align: center;
}
.calendarBG a {
	color: #91204D;
}
.calendarDayHeading{
	color: #91204D;
	font-weight: bold;	
}
.calendarMonthLinks a {
	font-size: 11px;
}
.calendarMonthLinks {
	background-color: #f7f0e2;
}



/* COURSES
_____________________________________________________________________________*/

#main-image,
#course-image {
	width: 710px;
	height: 272px;
	background-color: black;
	margin-bottom: 20px;
}

#class-about {
	margin-bottom: 85px;
}

#class-about div {
	margin-bottom: 28px;	
}

#performance-request div {
	margin-bottom: 0px;
}

#class-about ul {
	list-style-position: inside;
	list-style-image: url(http://www.kruti.com//img/li-red.jpg);
	padding: 2px 0px 2px 0px;
}

#class-about ul li {
	padding: 2px 0px 2px 0px;
}

#class-nav {
	padding: 17px 14px 11px 14px; 
	width: 202px;
	height: 244px;
	background-color: #321621;
	color: #FFFFFF;
}

#class-nav a {
	color: #FFFFFF;
}

#class-nav ul {
	margin-bottom: 5px;
	font-weight: bold;
}

#class-nav ul ul {
	margin-top: 5px;
}	

#class-nav ul ul li {
	padding-left: 21px;
	font-size: 12px;
	font-weight: normal; 
	line-height: 19px;
}

#class-nav li.active {
	background: url(http://www.kruti.com//img/class-active.jpg) no-repeat 0 1px;
}

/* SCHEDULE
___________________________________________________________________________*/
#class-nav .cat-selected{
	color: #e8bf56;
	font-weight: bold;
}

#class-about h1{
font-size: 18px;
color: #91204D;
margin-bottom: 5px;
	font-weight: bold;
}
#class-about span{
	font-size: 11px; font-style: italic;
}

/* RIGHT COLUMN
_____________________________________________________________________________*/

#online {
	background: no-repeat url(http://www.kruti.com//img/bg-online-with-kruti.jpg);
	padding: 130px 0 60px 0;
	position: relative;	
	margin-bottom: 30px;
}	

#online.twitter {
	background: no-repeat #321621 url(http://www.kruti.com//img/bg-tweets.jpg);
	padding-top: 16px;
}

.student .twitter {
	position: relative;
}

.student a#follow-twitter {
	width: 200px;
	height: 42px;
	position: absolute;
	bottom: 190px;
	left: 55px;
}

a#follow-twitter {
	width: 200px;
	height: 42px;
	position: absolute;
	bottom: 5px;
	left: 16px;
}

.student #social-links {
	margin: 15px 35px 0px;
}

.tweet {
	margin-bottom: 28px;
}

.tweet .avatar {
	width: 60px;
	text-align: center;
	font-size: 10px;
	line-height: 12px;
}

.avatar img {
	display: block;
	margin: 0 auto 0 auto;
}

.tweet-text {
	width: 137px;
	height: 78px;
	font-size: 11px;
	line-height: 13px;
}

.tweet-time {
	padding-left: 2px;
}

.left-tweet .avatar {
	float: left;
}

.left-tweet .tweet-text {
	background: no-repeat url(http://www.kruti.com//img/bg-lefttweet.png);
	float: left;
	padding: 10px 6px 0 25px;
}

.right-tweet .avatar {
	float: right;
}

.right-tweet .tweet-text {
	background: no-repeat url(http://www.kruti.com//img/bg-righttweet.png);
	float: right;
	padding: 10px 18px 0 15px;
}

#facebook-social {
	display: block;
	width: 234px;
	height: 52px;
	background-image: url(http://www.kruti.com//img/link-facebook.jpg);
	margin-bottom: 15px;
}

#youtube-social {
	display: block;
	width: 234px;
	height: 52px;
	background-image: url(http://www.kruti.com//img/link-youtube.jpg);
	margin-bottom: 15px;
}

#google-social {
	display: block;
	width: 234px;
	height: 52px;
	background-image: url(http://www.kruti.com//img/link-google.jpg);
	margin-bottom: 15px;
}

#rss-social {
	display: block;
	width: 234px;
	height: 52px;
	background-image: url(http://www.kruti.com//img/link-rss.jpg);
	margin-bottom: 15px;
}

#top {
	font-size: 12px;
	display: block;
	margin: 0 auto 10px auto;
	width: 80px;
}

/* NEWS LANDING PAGE
_____________________________________________________________________________*/

.summary-newsitem {
	margin-bottom: 50px;
	line-height: 1.3em;
}

.summary-newsitem .news-byline {
	margin-bottom: 25px;
}

.summary-newsitem .redleaf {
	background-position: 0 0px;
}

.news-nav {
	margin-bottom: 30px;
	line-height: 1.3em;
} 

.news-nav img {
	margin-bottom: 5px;
}

.news-nav a {
	display: block;
	color: #252525;
	padding-left: 15px;
}	

/* NEWS DETAIL
_____________________________________________________________________________*/

.post-image {
	float: left;
	padding: 0 20px 10px 0;
}

.post-text {
	margin-bottom: 50px;
}

.post-text .news-byline {
	margin-bottom: 25px;
}

.post-text p {
	margin-bottom: 24px;
}

/* TODO fix the bullets so it does not overlap the floating left image */
.post-text ul {
	list-style-position: inside;
	list-style-image: url(http://www.kruti.com//img/li-red.jpg);
	padding: 10px 0px 10px 0px;
}

.post-text ul li {
	padding: 8px 0px 8px 0px;
}

.button {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #321621;
	padding: 4px 10px;
	margin-top: 10px;
	line-height: 25px;
	border: none;
}			

.comments {
	margin-bottom: 50px;
}

.comment {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #a9a6a6;
	font-size: 12px;
	line-height: 1.3em;
}

.comment-author {
	float: left;
	width: 200px;
}

.comment-avatar {
	float: left;
	margin-right: 12px;
}

.comment-date {
	font-size: 10px;
}

.comment-text {
	float: right;
	width: 480px;
}

.add-comment {
	margin-bottom: 50px;
}

.add-comment form {
	margin-top: 35px;
}

.add-comment input.text,
.add-comment textarea {
	display: block;
	background-color: #FFFFFF;
	border: 1px solid #D2D0D0;
	margin-bottom: 30px;
	width: 250px;
	padding: 2px 5px;
	font-family: Arial,sans-serif;
	letter-spacing: normal;
}

.add-comment textarea {
	width: 500px;
	height: 160px;
}

input.button {
	width: 150px;
 	padding: 0;
	text-align: center;
}

label {
	line-height: 1.3em;
}

/* GALLERY
_____________________________________________________________________________*/

#gallery-main {
	margin-bottom: 100px;
	background-color: #321621;
	width: 712px;
	height: 453px;
}	
#gallery-main #movie{
margin: 0 81px;
padding-top: 26px;
	
}
/* SEARCH RESULTS
_____________________________________________________________________________*/

#search-results {
	margin-bottom: 100px;
}

#results-header {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}

#search-results input {
	background: repeat-x url(http://www.kruti.com//img/bg-search.jpg);
	border: 1px solid #c1c0c0;
}

#search-results input.text {
	padding-left: 5px;
	width: 220px;
	margin-right: 5px;
}

#search-results form {
	margin-bottom: 20px;
}

.search-result {
	width: 550px;
	line-height: 16px;
	margin-bottom: 40px;
}

.result-title a, .result-title {
	font-size: 18px;
	font-weight: normal;
	color: #91204d;
	line-height: 40px;
}


/* PERFORMANCE REQUEST
_____________________________________________________________________________*/

#performance-request form {
	margin-bottom: 100px;
}

.alert {
	color: #FF0000;
}

h3.request-header {
	background: url(http://www.kruti.com/img/dancer.jpg) no-repeat;
	font-weight: normal;
	padding: 25px 0 0 35px;
	font-size: 13px;
	line-height: 15px;
}

h3.request-header span {
	display: block;
	color: #ff0000;
	padding-bottom: 10px;
}

.form-label {
	width: 190px;
	padding: 3px 10px 0 0;
	clear: right;
	float: left;
	text-align: right;
	display: table-cell;
	vertical-align:middle;
}
.form-label-login  {
	width: 140px;
	padding: 3px 10px 0 0;
	clear: right;
	float: left;
	text-align: right;
	display: table-cell;
	vertical-align:middle;
}
.form-label-state {
	width: 45px;
	padding: 3px 10px 0 0;
	clear: right;
	float: left;
	text-align: right;
	display: table-cell;
	vertical-align:middle;
}
.form-label-zip {
	width: 45px;
	padding: 3px 10px 0 0;
	clear: right;
	float: left;
	text-align: right;
	display: table-cell;
	vertical-align:middle;
}
.form-label-med {
	width: 350px;
	padding: 3px 10px 0 0;
	clear: right;
	float: left;
	text-align: right;
	display: table-cell;
	vertical-align:middle;
}
.form-label .format{
clear: right;
float: left;
text-align: right;
font-size: 10px;	
}
#contact .form-label {
	width: 120px;
	padding: 3px 10px 0 0;
	clear: right;
	float: left;
	text-align: right;
	display: table-cell;
	vertical-align:middle;
}

.form-input {
	width: 380px;
	float: left;
	margin-bottom: 16px;
	position: relative;
}

.form-input-city{
	width: 150px;
	float: left;
	margin-bottom: 16px;
	position: relative;
}
.form-input-state{
	width: 40px;
	float: left;
	margin-bottom: 16px;
	position: relative;
}
.form-input-zip{
	width: 150px;
	float: left;
	margin-bottom: 16px;
	position: relative;
}
.form-input-zip span, #clear{
	clear: both;
	margin: 0; padding: 0;
}
#div-form-input-med{
	width: 200px;
	float: left;
	margin-bottom: 16px;
	position: relative;
}
#contact .form-input  {
	width: 380px;
	float: left;
	margin-bottom: 16px;
	margin-left: 15px;
	position: relative;
}


.form-input textarea {
	border: 1px solid #cccccc;
	color: #a1a1a1;
	width: 350px;
	padding: 10px;
	height: 110px;
}

#contact .form-input textarea {
	border: 1px solid #cccccc;
	color: #a1a1a1;
	width: 350px;
	padding: 10px;
	height: 110px;
}
.ffb-input,
.form-input input.text {
	height: 23px;
	padding-top: 5px;
	border: 1px solid #cccccc;
	color: #a1a1a1;
	margin-right: 5px;
}

#contact .button {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #321621;
	padding: 4px 10px;
	margin-top: 10;
	line-height: 25px;
}
#SignupForm h3,#SignupForm p,#SignupForm .form-label-med {
	margin-left: 15px;	
}	

.input380 {
	width: 360px;
	padding-left: 10px;
}
.input280 {
	width: 260px;
	padding-left: 10px;
}

.input125 {
	width: 125px;
	text-align: left;
	padding-left: 10px;
}

.input69 {
	width: 69px;
	text-align: center;
}

.input54 {
	width: 54px;
	text-align: center;
}

.input32 {
	width: 32px;
	text-align: center;
	float: left;
}

.mailing-list-input input.text {
	padding-top: 5px;
	border: 1px solid #cccccc;
	color: #a1a1a1;
}	

.time span {
	font-size: 31px;
	float: left;
	display: block;
	padding: 3px 4px 0 0;

}

#time3 {
	float: left;
}


#time3 .ffb-input {
	width: 38px;
}


/* Form Wizard: Steps for Registration
_____________________________________________________________________________*/

fieldset { border:1px solid #ccc; }
legend { font-size:18px; margin:0px 15px; padding:10px 0px; color:#321621; font-weight:bold;}
label { display:block; margin:15px 0 5px;}
.prev, .next { background-color:#321621; padding:5px 7px; color:#fff; text-decoration:none; margin:0 5px 5px 0;}
.prev:hover, .next:hover { background-color:#000; text-decoration:none;}
.prev { float:left;}
.next { float:right;}
#steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
#steps li {font-size:24px; float:left; padding:10px; color:#b0b1b3;}
#steps li span {font-size:11px; display:block;}
#steps li.current { color:#000;}

/* FOOTER
_____________________________________________________________________________*/

#footer-bar {
	background-color: #321621;
	padding: 12px 27px 12px 43px;
}

a#Twitter {
	width: 24px;
	height: 23px;
	background-image: url(http://www.kruti.com//img/icon-twitter.jpg);
	display: block;
	float: left;
	margin-right: 5px;
}

a#Facebook {
	width: 24px;
	height: 23px;
	background-image: url(http://www.kruti.com//img/icon-facebook.jpg);
	display: block;
	float: left;
	margin-right: 5px;
}

a#Google {
	width: 24px;
	height: 23px;
	background-image: url(http://www.kruti.com//img/icon-google.jpg);
	display: block;
	float: left;
	margin-right: 5px;
}

a#Youtube {
	width: 24px;
	height: 23px;
	background-image: url(http://www.kruti.com//img/icon-youtube.jpg);
	display: block;
	float: left;
	margin-right: 5px;
}

a#Rss {
	width: 24px;
	height: 23px;
	background-image: url(http://www.kruti.com//img/icon-rss.jpg);
	display: block;
	float: left;
	margin-right: 5px;
}

#copyright {
	float: right;
	color: #FFFFFF;
}

#footer-nav {
	font-size: 12px;
	padding: 8px 0 8px 43px;
}

#footer-nav a {
	color: #898989;
	padding-right: 5px;
}

#footer-nav a.active {
	color: #333333;
}

.ui-datepicker-trigger {
	float: left;
	width:32px;
	height:26px;
	background: #FFFFFF no-repeat url(http://www.kruti.com//img/bg-selectbox.jpg) 0 2px;
	border: solid #cccccc;
	border-width: 1px 1px 1px 0px;
	padding:3px 8px 0 0;
}

/* SELECTBOX
_____________________________________________________________________________*/


/* Input textbox - do not specify a width here, it will be overwritten */
.form-input input.datepicker,
 .ffb-input { 
	margin-right: 0px;
	border-right-width: 0px;
	padding-left: 10px;
	float: left;
} 
/* Color of watermark, if present */ 
.ffb-input.watermark { /* added and removed dynamically */ 
	color:#888; /* must specify along with input color */ 
} 
/* Drop-down arrow, with sprited image */ 
form  .ffb-arrow {
	display: block;
	float: left;
	width:32px;
	height:26px;
	background: #FFFFFF no-repeat url(http://www.kruti.com//img/bg-selectbox.jpg) 0 2px;
	border: solid #cccccc;
	border-width: 1px 1px 1px 0px;
	padding:3px 8px 0 0;

}
.ffb-no-results 
{
	padding: 2px;
	color:#888;
	font-style:italic;
}
/* Container for dropdown contents */
.ffb { 
	position:absolute; /* this guy's parent div is hard-coded to position:relative */ 
	overflow:hidden; 
	border-left:1px solid #7B9EBD; 
	border-right:1px solid #7B9EBD; 
	border-bottom:1px solid #7B9EBD; 
	background-color:#fff; /* Give it a background-color, so it's not transparent */ 
} 
/* Inner div for dropdown */ 
.ffb .content { 
	overflow:auto; 
	
} 
.ffb .content .row { 
	color:#555; 
	height:20px; 
	clear:both; 
	padding: 0 0 0 10px;
} 
.ffb-sel {
	cursor:pointer;
	cursor:hand;
	background-color:#ddd;
}
.ffb-match {
	background-color:#ff9; /* light yellow */
	text-decoration:underline;
	color:#000;
} 
 
/* Unique IDs */ 
#ffb8 .row .col1 { 
	float:left; 
	width:132px; 
} 
#ffb8 .row .col2 { 
	float:left; 
	width:232px; 
}

/*  OVERLAY

*/


div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(http://www.kruti.com//img/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	/*background: #321621;
	border: 4px solid #777;*/
	background: transparent url(http://www.kruti.com//img/bg-utility-modal.png) no-repeat;

}
/*a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 12px;
	height: 12px;
	text-indent: -9999em;
	background: url(http://www.kruti.com//img/close.gif) no-repeat;
	outline: 0;
}*/
a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 97px;
	height: 60px;
	text-indent: -9999em;
	background: url(http://www.kruti.com//img/close-btn-modal.png) no-repeat;
	outline: 0;
	/*border: 1px solid red;*/
}
h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}
div.wrapper div#nyroModalContent {
	padding: 5px;
	width: 974px;
	height: 560px;
}
div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div.wrapperImg img {
	vertical-align: baseline;
}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	cursor: help;
}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
a.nyroModalPrev {
	left: 0;
}
a.nyroModalPrev:hover {
	background: url(http://www.kruti.com//img/prev.gif) left 20% no-repeat;
}
a.nyroModalNext {
	right: 0;
}
a.nyroModalNext:hover {
	background: url(http://www.kruti.com//img/next.gif) right 20% no-repeat;
}

/*Specific Modals*/

#nyroModal{
	width:974px; 
	height: 560px;
	
}

.nyromodal-content-fixer {
	text-align: left;
}


/*Contact Modal*/

.contact-content #contact-f, #login{
	background: transparent url(http://www.kruti.com//img/bg-contact-form.jpg) repeat-x;
	width: 620px;
	height: 355px;
	margin: 0px 0 0 45px;
	padding-top: 35px;
	overflow: hidden;
}
.contact-content h1{
	width: 163px;
	height: 53px;
	text-align: left;
	margin: 15px 0 15px 45px;
	padding: 0;
}
#contact h3 {
	font-size: 14px;
	line-height: 15px;
	padding: 10px 0 0px 45px;
	text-align: left;
	margin: 0;
	color: #fff;
}
#contact p{
font-size: 12px;
line-height: 15px;
padding: 6px 0 10px 45px;
text-align: left;
margin: 0;
color: #fff;
}
.address-block{
	width: 250px;
	float: left;
	margin: -315px 0 0 695px;
	/*border: 1px solid blue;*/
}
.address-block h2{
font-size: 18px;
margin: 5px 0;
color: #e8bf56;	
}

.address-block address{
font-size: 16px;
line-height:20px;
color: #fff;		
}


/*Location Modal*/
#nyroModal-location-content{
	
}
.location-content #location-f{
	width: 620px;
	height: 355px;
	margin: 0px 0 0 45px;
	padding-top: 35px;
}
.location-content h1{
	width: 163px;
	height: 53px;
	text-align: left;
	margin: 15px 0 15px 45px;
	padding: 0;
}
#location h3 {
	font-size: 14px;
	line-height: 15px;
	padding: 10px 0 0px 45px;
	text-align: left;
	margin: 0;
	color: #fff;
}
#location p{
font-size: 12px;
line-height: 15px;
padding: 6px 0 10px 45px;
text-align: left;
margin: 0;
color: #fff;
}


/*GENERIC Modal*/
#nyroModal-location-content{
	
}
#generic{
}
.generic-content {
	width: 800px;
	height: 475px;
	margin: 0px 0 0 45px;
	padding-top: 35px;
	/*border: 1px solid red;*/
}
.generic-content h1{
	text-align: left;
	margin: 15px 0 15px 45px;
	padding: 0;
	color: #e8bf56;
	font-size: 18px;
	
}
.generic-content h2{
	text-align: left;
	margin: 15px 0 10px 45px;
	padding: 0;
	color: #fff;
	font-size: 16px;
}
.generic-content h3{
	text-align: left;
	margin: 15px 0 10px 45px;
	padding: 0;
	color: #fff;
	font-size: 14px;
}
.generic-content p{
font-size: 14px;
line-height: 1.5em;
padding: 5px 0 5px 45px;
text-align: left;
margin: 0;
color: #fff;
}
.generic-content ul, .generic-content ol{
	text-align: left;
	margin: 15px 0 10px 45px;
	
}
.generic-content ul li{
	list-style: circle;
	color: #fff;
}
.generic-content ol li{
	list-style-type: decimal;
	color: #fff;
}

.generic-content a{
	color: #fff;
	text-decoration: underline;
	font-size: 14px;
	text-align: left;
	margin: 0;
	padding: 0;
}

#generic #login{
	background: transparent url(http://www.kruti.com//img/bg-contact-form.jpg) repeat-x;
	width: 560px;
	height: 255px;
	margin: 20px 0 0 45px;
	padding-top: 35px;
}
#generic .ad{
	width: 244px;
	float: left;
	margin: -280px 0px 0 625px;
	/*border: 1px solid blue;*/
}

#generic li {
	background: no-repeat url(http://www.kruti.com//img/li-white.jpg) 0 2px;
	font-size: 14px;
	padding-left: 23px;
	margin-top: 5px;
	display: block;
	list-style-type: none;
}


/*Generic Profile (dark text)*/

#profile {
	margin-bottom: 350px;
}

#profile div {
	margin-bottom: 28px;	
}
#profile h1{
font-size: 18px;
color: #91204D;
margin: 15px 0 5px 0;
	font-weight: bold;
	
}
#profile h2{
	text-align: left;
	margin: 15px 0 5px 0;
	padding: 0;
	color: #91204d;
	font-size: 16px;
}
#profile h3{
	text-align: left;
	margin: 15px 0 5px 0;
	padding: 0;
	color: #91204d;
	font-size: 14px;
}
#profile p{
font-size: 14px;
line-height: 1.5em;
padding: 0;
text-align: left;
margin: 0;
color: #666;
}
#profile .generic-content ul, .generic-content ol{
	text-align: left;
	margin: 0;
	
}
#profile .generic-content ul li{
	list-style: circle;
	color: #91204d;
}
#profile .generic-content ol li{
	list-style-type: decimal;
	color: #91204d;
}

#profile .generic-content a{
	color: #91204d;
	text-decoration: underline;
	font-size: 14px;
	text-align: left;
	margin: 0;
	padding: 0;
}

div.label-checkbox-pair {
  clear: both;
  float: none;
  position: relative;
}

div.label-checkbox-pair input {
  position: absolute;
  top: 1px;
}

div.label-checkbox-pair label {
  display: block;
  margin-left: 20px;
}

.gallery-container { /* the main container div */
	width:890px;
	margin:20px auto;
}

div.nomargin { /* our special nomargin class */
	margin-right:0px;
}

.pic { /* divs that hold all the pictures in the gallery */
	float:left;
	margin:0 15px 15px 0;
	border:5px solid white;
	width:200px;
	height:250px;
}

.pic a { /* in every .pic container there is a hyperlink exactly the size of the container */
	width:200px;
	height:250px;
	text-indent:-99999px;
	display:block;	/* don't forget that widths and heights of hyperlinks are useless without display:block */
}

.gallery-album-item {
	width: 200px;
	margin-right: 28px;
	float: left;
}

.gallery-album-item img {
	margin-bottom: 5px;
}

.gallery-album-item a, .gallery-title {
	font-size: 18px;
	display: block;
	margin-bottom: 3px;
	color: #91204d;
}

.back-to-gallery {
	font-size: 14px;
	display: block;
	margin: 0 auto 10px auto;
	width: 123px;
}

#contact-f #contact-us-row {
	height: 38px;
}

#contact-f #contact-us-label {
	float: left;
	width: 150px;
	text-align: right;
	padding-top: 5px;
	height: 26px;
	padding-right: 6px;
}

#contact-f #contact-us-input {
	float: left;
	width: 350px;
}

#contact-f #contact-us-input textarea {
	border: 1px solid #cccccc;
	color: #a1a1a1;
	width: 350px;
	padding: 10px;
	height: 110px;
}

#contact-f #contact-us-input input.text {
	height: 23px;
	padding-top: 5px;
	border: 1px solid #cccccc;
	color: #a1a1a1;
	margin-right: 5px;
}




#performance-request #contact-us-row {
	height: 38px;
}

#performance-request #contact-us-label {
	float: left;
	width: 200px;
	text-align: right;
	padding-top: 5px;
	height: 26px;
	padding-right: 6px;
}

#performance-request #contact-us-input {
	float: left;
	width: 350px;
}

#performance-request #contact-us-input textarea {
	border: 1px solid #cccccc;
	color: #a1a1a1;
	width: 350px;
	padding: 10px;
	height: 110px;
}

#performance-request #contact-us-input input.text {
	height: 23px;
	padding-top: 5px;
	border: 1px solid #cccccc;
	color: #a1a1a1;
	margin-right: 5px;
}









#SignupForm #contact-us-row {
	height: 38px;
}

#SignupForm #contact-us-label {
	float: left;
	width: 200px;
	text-align: right;
	padding-top: 5px;
	height: 26px;
	padding-right: 6px;
}

#SignupForm #contact-us-input {
	float: left;
	width: 350px;
}

#SignupForm #contact-us-input textarea {
	border: 1px solid #cccccc;
	color: #a1a1a1;
	width: 350px;
	padding: 10px;
	height: 110px;
}

#SignupForm #contact-us-input input.text {
	height: 23px;
	padding-top: 5px;
	border: 1px solid #cccccc;
	color: #a1a1a1;
	margin-right: 5px;
}

#SignupForm #medical #contact-us-label {
	float: left;
	width: 400px;
	text-align: right;
	padding-top: 5px;
	height: 26px;
	padding-right: 6px;
}

#SignupForm #medical #contact-us-input {
	float: left;
	width: 250px;
}

/*Testimonials*/

.testimonials-content-even {
	margin: 0;
	padding: 0;
}

.testimonials-content-even .name {
	width: 200px;
	height: 50px;	
}

.testimonials-content-even .fname {
	font-size: 28px;	
	text-align: right;
	padding: 0;
	margin: 0;
	color: #91204D;
}

.testimonials-content-even .lname {
	font-size: 12px;	
	text-align: right;	
	font-weight: bold;
	padding: 0;
	margin: 0;
	color:#321621; 
}

.testimonials-content-even .descrip {
	font-size: 11px;
	text-align: right;
	padding: 0;
	margin: -5px 0 0 0;
}

.testimonials-content-even .quoted-text {
	margin: -85px 0 15px 215px;
	float: left;
	padding: 0;
	color: #666;
	background: url(http://www.kruti.com//img/quote1.gif) left top no-repeat;
}

.testimonials-content-even .quoted-text p {
	padding: 0 0 0 25px;
	margin: 0;
	width: 450px;
}

.testimonials-content-even .quoted-text .quote2 {	
	background: url(http://www.kruti.com//img/quote2.gif) right no-repeat;
	height: 39px;
	margin: -39px 0 0 0;
	padding: 0;
}

.testimonials-content-odd {
	margin: 0;
	padding: 0;
}

.testimonials-content-odd .name {
	width: 200px;
	height: 50px;
	float: right;
}

.testimonials-content-odd .fname {
	font-size: 28px;	
	text-align: left;
	padding: 0;
	margin: 0;
	color: #91204D;
}

.testimonials-content-odd .lname {
	font-size: 12px;	
	text-align: left;	
	font-weight: bold;
	padding: 0;
	margin: 0;
	color:#321621; 
}

.testimonials-content-odd .descrip {
	font-size: 11px;
	text-align: left;
	padding: 0;
	margin: -5px 0 0 0;	
}

.testimonials-content-odd .quoted-text {
	margin: 0;
	float: left;
	padding: 0;
	color: #666;
	background: url(http://www.kruti.com//img/quote1.gif) left top no-repeat;
}

.testimonials-content-odd .quoted-text p {
	padding: 0 25px 0 0;
	margin: 0;
	width: 450px;
	text-align: right;
}

.testimonials-content-odd .quoted-text .quote2 {
	background: url(http://www.kruti.com//img/quote2.gif) right no-repeat;
	height: 39px;
	margin: -39px 0 0 0;
	padding: 0;
}