/* SOORSANGAM Style Sheet */

	/*a { color: #066caa; text-decoration: none; }*/
	a { color: #D75300; text-decoration: none; }
	
	a:hover { text-decoration: underline; }
	
	/*.btn { background: #809fb2; padding: 1px 3px; margin: 0; color: #fff; border: solid 1px #637c8c; }*/
	.btn { background: #D75300; padding: 1px 3px; margin: 0; color: #000000; border: 2px groove CCCCCC;  border-left-style: outset; }
	
	.clear-r { clear: right; }
	
	.clear { clear: both; }
	
	.hide { display: none; }


#header { background: #ffffff; }

	#logo { width: 900px; margin: 0; padding: 0 0 0 0;  }
	
	#logo img { margin: 0 0 0 0; float: left; padding: 0 0 0 0; }
	

	#register { float: right; margin: 0; background: #ffffff url(../images/register-button.png) 7px 9px no-repeat; border-right: solid 1px #d0721f; border-left: solid 1px #d0721f; border-bottom: solid 1px #d0721f; padding: 5px 10px; width: 75px; text-align: right; }
	
	#register, #setting a { color: #fff; }
	
	#setting { float: right; margin: 0; background: #e47f25 url(../images/wrench.png) 7px 7px no-repeat; border-right: solid 1px #d0721f; border-left: solid 1px #d0721f; border-bottom: solid 1px #d0721f; padding: 5px 10px; width: 80px; text-align: right; }

/*	#menu
{
    background-position: #F0FAFC;
    list-style: none;
    float: left;
    margin: 0;
    padding: 1em 0 0 0;
    background: #F0FAFC;
    width: 900px;
    height: 20px;
    vertical-align: middle;
    text-align: left;
    line-height: normal;
}

	#menu li { margin: 0; padding: 0 0 0 1em; float: left; display: inline; }
	
	#menu a { font-size: 10pt; color: #370403; text-decoration: none; text-transform: capitalize; letter-spacing: 1px; }
	
	#menu a:hover { color: #fff; }

	#submenu { height: 40px; background: #ffffff; border-bottom: solid 0px #BFE9F7; width:900px;  padding: 0 0 0 0; }
*/
	
	.menu
{
    list-style: none;
    float: left;  
     background-image:url(../images/menu.jpg);
    width: 900px;
    height: 31px;
    vertical-align: middle;
    text-align: left;
    line-height: normal;
     padding-bottom: 0;
     padding-left: 0px;
     padding-right: 0;
     padding-top: 0;
     margin-bottom: 0;
     margin-left: 0;
     margin-top: 0;
     border: 0;
}
	.menu ul { margin: 0 0 0 0; padding: 0 0 0 0em; }
	.menu li { margin: 0.5em 0 0 0; padding: 0 0 0 1.5em; float: left; display: inline; vertical-align: middle;}
	
	.menu a { font-size: 10pt; color: #321416; text-decoration: none; text-transform: capitalize; letter-spacing: 1px;font-weight: bold;  }
	
	.menu a:hover { text-decoration: underline;}
	
	
		
	#submenu {list-style: none; float: left; background-image:url(../images/submenu.jpg);width:900px;height: 42px;   vertical-align: middle;    text-align: left;
     line-height: normal;
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     padding-top: 0px;
     margin-bottom: 0px;
     margin-top: 0px;
     margin-left: 0;     
     border: 0;     
 }
	
	#submenu li {  margin:  0.6em 2px 0 0; padding: 0 0 0 1em; float: left; display:inline; vertical-align: middle;}
	#submenu ul {  margin: 0 0 0 0; padding: 0 0 0 0em; }
	
	#submenu a { font-size: 10pt; color: #321416; text-decoration: none; text-transform: capitalize; letter-spacing: 1px;font-weight: bold;  }
	
	#submenu a:hover { text-decoration: underline;}
	
	.bottommenu
{
    list-style: none;
    
    margin: 0;
    padding: 1em 0 0 0;
    
    width: 900px;
    vertical-align: middle;
    text-align: center;
    line-height: normal;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    border: 0;    
    text-decoration: none;           
}

	
	.bottommenu li { margin: 0; padding: 0 0 0 1em; display: inline; vertical-align: middle;}
	
	.bottommenu a { font-size: 9pt; color: #321416; text-decoration: underline; text-transform: capitalize; letter-spacing: 1px;font-weight: bold;  }
	
	.bottommenu a:hover { text-decoration: underline;}
	.bottommenu ul {  margin: 0 0 0 0; padding: 0 0 0 0em; }
	
	
	#form-filter, #form-login { padding: 5px 0 0 0; }
	
	#form-filter { float: left; }
	
	#form-login { float: right; }
	
	#form-login label { font-size: 10pt; }
	
	input.text { background: #ddecf6; border: solid 1px #637c8c;margin: 0; }
	
	#admin-submenu { margin: 0; padding: 1em 0 0 0; font-size: 9pt; }
	
	#admin-submenu li { float: left; margin: 0 2em 0 0; padding: 0; }
	
	
#content { margin-top: 20px; }
	
	.box { background: url(../images/bigbox.png) no-repeat; width: 336px; height: 314px; margin-left: 18px; padding: 10px 10px 10px 10px; }

	.box p { font-size: 9.5pt; color: #000000;  width: 315px;  text-align: justify;  }


	.press { background: url(../images/press.png) no-repeat; width: 336px; height: 273px; margin-left: 0px; padding: 10px 10px 10px 10px;}

	.press p { font-size: 9.5pt; color: #000000; width: 315px;  text-align: justify; margin-top: 40px;}


	.smallbox { background: url(../images/smallbox.png) no-repeat; width: 265px; height: 273px; margin-right: 5px; margin-left: 0px; padding: 15px 15px; }

	.smallbox p { font-size: 9.5pt; color: #000000; width: 250px;  text-align: justify; margin-top: 40px; padding: 5px 5px;}
	
	.quotes { background: url(../images/bigbox.png) no-repeat; width: 350px; height: 350px; margin-top: 0px; padding: 0 0 0 0; vertical-align:top;}
	
	#tv-frame { background: url(../images/tv.png) no-repeat; width: 540px; height: 353px; padding: 0; margin: 0; }
	
	#video-outer { background: url(../images/video-bg.png) no-repeat; width: 540px; height: 312px; padding: 10px 10px 0 10px; margin: 0; }
	
	#video-inner { background: url(../images/video-inner.png) no-repeat; width: 520px; height: 292px; margin: 0; padding: 0; }
	
	.video-left-pane { background: url(../images/video-left-pane-bg.png) no-repeat; width: 131px; height: 292px; padding: 10px;margin:-292px 0 0 0;}
	
	.video-left-pane h4 { font-size: 9pt; color: #D75300; margin: 15px 0 0; font-weight: normal; }
	
	.video-left-pane p { font-size: 8pt; color: #FFFFFF; margin: 0 0 20px 0; }
	
		#media-controls { width: 131px; }
		
		#media-controls ul { margin: 0; padding: 0; }
		
		#media-controls li { display: inline; margin: 0; padding: 0; }
		
		#media-controls a { font-size: 9pt; color: #000; padding: 3px 4px; background: #3a3a3a url(../images/active-btn.png) top repeat-x; border: solid 1px #000; }
		
		#media-controls a:hover { padding: 3px 4px; background: #e48026 url(../images/songs-active-bg.png) top repeat-x; border: solid 1px #000; }
	
	#playlist-outer { background: url(../images/playlist-bg.png) no-repeat; width: 380px; height: 312px; padding: 10px; }
	
	#playlist-inner { background: url(../images/playlist-inner.png) no-repeat; width: 360px; height: 292px; padding: 10px; }
		
	#track-info { margin: 0 0 10px 0; color: #e4e4e4; font-size: 8pt; }
		
		#track-info img { float: left; margin-right: 10px; }
		
		#track-info p { margin: 0; }
		
	#playlist-tabs { margin: 5px 0; width: 340px; }
		
		#playlist-tabs ul { margin: 0; padding: 0; }
		
		#playlist-tabs li { display: inline; margin: 0; padding: 0; }
		
		#playlist-tabs a { font-size: 9pt; color: #666; padding: 7px 9px; background: #000 url(../images/non-active-btn.png) top repeat-x; border: solid 1px #000; }
		
		#playlist-tabs a:hover { font-size: 9pt; color: #000; padding: 7px 9px; background: #3a3a3a url(../images/active-btn.png) top repeat-x; border: solid 1px #000; }
		
		#playlist-tabs a.active { font-size: 9pt; color: #000; padding: 7px 9px; background: #3a3a3a url(../images/active-btn.png) top repeat-x; border: solid 1px #000; }
		
	#playlist-songs { margin: 0; width: 340px; }
		
		#playlist-songs ul { margin: 0; padding: 0; list-style: none; }
		
		#playlist-songs li { margin: 2px 0; font-size: 9pt; }
		
		#playlist-songs a { padding: 5px 8px; background: #2c2e31; border: solid 1px #000; font-size: 9pt; display: block; color: #666; }
		
		#playlist-songs a:hover { padding: 5px 8px; background: #e48026 url(../images/songs-active-bg.png) top repeat-x; border: solid 1px #000; font-size: 9pt; color: #fff; }
		
		#playlist-songs a.active { padding: 5px 8px; background: #e48026 url(../images/songs-active-bg.png) top repeat-x; border: solid 1px #000; font-size: 9pt; color: #fff; }
		
		#playlist-songs span.right { text-align: right; }
	
	p.edit-info { text-align: right; font-size: 8pt; }
	
	p.edit-info img { margin: 0; padding: 0 2px; }
	
	table#my-profile { width: 100%; }
	
	table#my-profile th { font-size: 9pt; color: #333; font-weight: normal; background: #dddddd; padding: 2px 0 2px 5px; text-align: left; }
	
	table#my-profile td { border: none; font-size: 9pt; padding: 5px 5px; }
	
	table#my-profile td.basic-info { width: 30%; border: none; vertical-align: middle; }
	

#footer {width:900px; height: 215px; font-size: 9pt; color: #31343a; padding: 5px 0;text-align:center; background: url(../images/footer_bar.png) no-repeat top;}

	#footer p { }

	#daily-insights { float: right; }
	
	.SlideImage
	{
		height:250px;
		width:390px;
	}
	
	.TeacherPhoto
	{
		margin:0 10px 10px 0;
		height:200px;
		width:250px;
		border:0px;
		float:left;	
	}
	.TeacherDetails
	{
		padding:10px;
		float:left;
	}
	
	.modalPopup {
	display:block; 
	border:1px solid #a3a09e;
	background: #ffffff url(../images/backslice.png) repeat-x;	
	/*padding:30px;*/
	overflow:auto;
	/*height: 200px;*/ }

.modalBackground {
	background-color:#000;
	filter:alpha(opacity=70);
	opacity:0.7; }

.tab
{
	background: #ffffff url(../images/schedule_tab.png) no-repeat;	
}

.tabTitle
{
	font-size: 13px; color: #4B272B; font-weight: bold;
}

.tabBody
{
	background: #ffffff url(../images/backslice.png) repeat-x;
}
.calendarTitle
{
	color:Black;
	font-weight:bold;
	font-size:17px;	
}

.calendarLeftDiv  
{
	width:120px;
	float:left;
	margin:10px;
}

.calendarMiddleDiv  
{
	width:500px;
	float:left;
	margin:10px 0 10px 0;		
}

.calendarRightDiv 
{
	width:230px;
	float:left;
	margin:10px;
}

.calendarRightText
{
	font-size:12px;	
}

.calendarRightDate
{
	font-size:11px;	
}

.calendarLeftItem
{
	margin:2px 0 2px 0;	
}
.calendarTime
{
	font-size:11px;	
}

.slideshow-links{float:left;font-size:9pt;}

/*.slideshow-links ul { margin: 0; padding: 0; }*/
		
eshow-links li:before {content:url(./images/bullet.jpg);}

/*.slideshow-links a { font-size: 9pt; color: #000; background: #3a3a3a;}
		
.slideshow-links a:hover {background: #e48026;}*/

.SubHeader
{
	background-image:url(../images/menu.jpg);
	background-repeat:repeat-x;
}

.GridItem
{
	border-top: #F0FAFC 2px solid;
	border-bottom: #F0FAFC 2px solid;
	border-left: #F0FAFC 2px solid;
	border-right: #F0FAFC 2px solid;
}

.slideShowTitle
{
	margin:0;
	padding:0 0 0 10px;
	font-size:14px;
	background-color:Black;	
	color:White;
}

.studentPhoto
{
	float:left;
	height:200px;
	width:250px;
	margin:10px 0 10px 10px;	
}

.studentProfile
{
	float:left;
	width:620px;
	margin:10px 10px 10px 0;
}

.studentName
{
	font-weight:bold;
	font-size:20px;
	font-style:italic;	
}

.welcomeText
{
	font-weight:bold;
	padding:20px 0 0 0;
	margin:20px 0 0 0;
}

.quoteText
{
	text-align:justify;
	margin:0 0 10px 0;
	font-size:12px;
	vertical-align:top;
}

.quoteFrom
{
	text-align:justify;
	margin:0;
	font-size:12px;
	vertical-align:top;
}

.faqHeader
{
	background: #F0FAFC;
	height:20px;
	margin-bottom:5px;
}
.faqcontent
{
	background-color:#ffffff;
	margin:5px 0 5px 15px;	
}

.bullet
{
	height:9px;
	width:12px;
	margin-right:4px;
}
.announcement
{
	width:250px;
	margin:10px 0 0 10px;
	float:left;
	font-size:12px;
	}
.announcement ul{margin:0;padding:0;list-style-type:disc; }
.announcement li{margin:5px 5px 5px 10px; padding:0;}

.pressRelease
{
	width:250px;
	margin:10px 0 0 10px;
	float:left;
	font-size:12px;
	text-align:justify;
}
.pressRelease p{margin:0;padding:0;}

.downloadTanpura
{
	width:250px;
	margin:10px 0 0 10px;
	float:left;
	font-size:12px;
	text-align:justify;
}

.BoxHeader
{
	text-align:justify;
	margin: 20;

	vertical-align: middle;
	font: bold;
	color: black;
		font: 10pt/1.5 "Trebuchet MS", Helvetica, Arial, sans-serif;
		padding-top: 25px;
		padding: 20;
		height: 100;
}
.bodycontent
{
	width: 100%;
	background-image: url(../images/only_waves.png);
	background-position:center top;
	margin:50px 0 0 0;
	background-repeat:repeat-y;
}