@font-face {
	font-family: 'FuturaLtBTLight';
	src: url('tt0138m_.eot');
	src: local('Futura Lt BT Light'), local('FuturaBT-Light'), url('tt0138m_.woff') format('woff'), url('tt0138m_.ttf') format('truetype'), url('tt0138m_.svg#FuturaBT-Light') format('svg');
}


*
{
    margin: 0 0 0 0px;
    padding: 0;
    font-family:'FuturaLtBTLight';
}
 

.error
{
    background-color: #F86561;
}

.tool-tip
{
    /* background-position: center;
    position: absolute;
    */
    z-index: 0;
    position:absolute;
    display: block;
    visibility: visible;
    left: -2500px;
    width: 192px;
    height: 37px;
    background-repeat: no-repeat;
    font-family: 'FuturaLtBTLight';
    color: #0397D7;
    padding-top: 14px;
    background-image: url( 'Pictures/Callout.jpg' );
}

.outer-wrapper
{
    background-color: #999999;
}

#wrapper
{
    width: 1000px;
    height: 100%;
    font-family: 'FuturaLtBTLight';
    background-color: #FFFFFF;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
} 

/********** Top Panel        **************/
#top-panel {
    height: 79px; 
    width: 100%; 
    overflow:hidden;
    clear:both;
}

#left-panel {
    margin: 4px;
    border-style: none;
    height: 79px; 
    width: 394px;
    color: #0397D7;
    font-weight: bold;
    float: left;
}

#top-panel-opening {
    font-size: x-large;
    font-style: normal;
    height: 34px;
    width: 394px;
}

#middle-panel {
    width: 190px; 
    height: 79px; 
    left: 270px; 
    text-align: center;
    top: 15px; 
    display: block; 
    float: left;
}

#logo-img {
    width: 47px; 
    height: 47px;
} 

#logo-name {
    font-size: x-large; 
    color: #808184;
    width: 192px;
}

.logo-name
{
	font-size: 20px;
	color: #808184;
	font-family: 'FuturaLtBTLight';
}


#right-panel
{
    font-size: small;
    color: #0397D7;
    width: 370px;
    height: 61px;
    float: right;
    padding-top: 8px;
    padding-right: 4px;
}

#register-label
{
    float: left;
    vertical-align: middle;
    padding-top: 2px;
}

#email-input
{
    float: left; 
    vertical-align: middle; 
    height: 18px; 
    font-family: 'FuturaLtBTLight'; 
    width: 200px; 
    margin-right: 4px; 
    letter-spacing: 2px; 
}

#register-email
{
    background-color: #0397D7;
    color: #FFFFFF;
    width: 66px;
    cursor: pointer;
    height: 20px;
    padding-right: 2px;
    padding-left: 6px;
    vertical-align: middle;
    padding-top: 2px;
    font-weight: lighter;
    text-align: center;
    float:left;
}

#register-email a
{
    background-color: #0397D7;
    color: #FFFFFF;
    cursor: pointer;
    /**vertical-align: middle;**/
    text-decoration: none;
}

#register-email-1 {
    font-size: small;
    width: 69px;
    height: 24px;
    background-color: #949598;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 2px;
    font-family: 'FuturaLtBTLight'; 
    clip: rect(auto, auto, auto, auto); 
    top: 0px; 
    margin-left: 0px;
}
#emailus-img
{
    width: 24px;
    height: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

/********** End of Top Panel **************/

/********** Navigation Menu ***************/
#nav
{
    overflow: visible;
    z-index: 200;
    float: left;
    clear: both;
    color: #FFFFFF;
    width: 100%;
    height: 20px;
    vertical-align: middle;
    list-style: none;
    background-color: #949598;
    padding-top: 2px;
    padding-bottom: 2px;
}
   

 #nav ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: #949598;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;

}

#nav a
{
    /* border-width: thin; /*border-color: #949590;
    border-color: #026D9B;
    border-right-style: inset;*/
    border-bottom: thin double #808080;
    display: block;
    width: 112px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 200;
    vertical-align: middle;
    text-decoration: none;
    border-left-color: #808080;
    border-left-width: thin;
    border-top-color: #808080;
    border-top-width: thin;
}

#nav li {
	float: left;
	width: 112px;
        margin-left:27px;
}

#nav2 li  {
	float: left;
	width: 112px;
        margin-left:0px;
}

#nav3 li  {
	float: left;
	width: 112px;
        margin-left:0px;
}

#nav li ul {
	position: absolute;
	width: 142px;
	left:-999px;
	z-index:900;
	margin-left:0px;
}

#nav li ul a
{
    font-size: small;
    margin-left:0px;
}

#nav li:hover ul {
	left: auto;
    margin-left:0px;
}

#nav li:hover, #nav li.sfhover, #nav li a:active, #nav a:hover 
{
    background-color: #0397D7;
 
}


#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
 
}

.content-wrapper
{
    margin: 4px;
    font-family: 'FuturaLtBTLight';
    z-index: 40;
  
    width: 100%;
}

#content-wrapper a
{
    /*background-position: left bottom;
    background-image: url('file:///C:/Users/Khayam/Documents/Visual Studio 2008/Projects/SardiniaYogaServer/SYWeb/Pictures/hl2.png');
    background-repeat: repeat-x;
   */
    font-weight: bolder;
    color: #0397D6;
    font-style: normal;
    text-decoration: none;
}

/******* Pages *************************/
.left-hand-panel
{
    width: 49%;
    float: left;
    padding-top: 16px;
    text-align: justify;
    padding-right: 2px;
    padding-left: 2px; 
    text-align: justify;
}

.right-hand-panel
{
    width: 49%;
    float: right;
    height: 496px;
    padding-right: 4px;
    margin-right:4px;
    text-align: justify;
}
/******* Pages *************************/


/******* Footer on Master Page *********/
.master-footer
{
    border-width: thin;
    font-size: 12px;
    clear: both;
    font-family: 'FuturaLtBTLight';
    font-weight: lighter;
    cursor: pointer;
    text-align: center;
    color: #0397D6;
    border-top-style: solid;
    border-top-color: #949598;
    padding-top: 4px;
}

.master-footer a
{
    font-size: 12px;
    font-family: 'FuturaLtBTLight';
    font-weight: lighter;
    text-decoration: none;
color: #0397D6;
    }
/******* End of Master Footer ******/

.web-party-member
{
    margin: 5px;
    padding: 5px;
    float: left;
    border-style: inset;
    border-width: thin;
}

.menu-button
{
 border-style :none; 
 background-color: #808080; 
 color: #FFFFFF; 
 margin-bottom: 0px; 
}

.card-dets-label
{
}
#carddetailsdiv
{
    
}

.fr
{
    cursor: pointer;
    float: right;
    right: 10px;
  
}

.sy-accordion
{
    
}
.checkboxheader
{
    border: 1px solid #000000;
    width: 20px;
    height: 20px;
}

.sy-accordion-header
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #666666;
    font-family: Arial, Sans-Serif;
    font-size: 15px;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    height: auto;
    overflow: hidden;
    width: 100%;
}

.sy-accordion-headerLabel
{
float:left;
}

.sy-accordion-headerSelected
{
    color: white;
    background-color: #666666;
   	font-family: Arial, Sans-Serif;
	font-size: 15px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    height: auto;
    overflow: hidden;
    width: 100%
}


.sy-accordion-content
{
    color: Black;
    background-color: #D3DEEF;
    border: 3px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    height: auto;
    padding-top: 10px;
    width: 100%;
    font-weight: bold;
    font-size: small;
}


.sy-accordion-content
{
    color: Black;
    background-color: #D3DEEF;
    border: 3px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    height: auto;
    padding-top: 10px;
    width: 100%;
    font-weight: bold;
    font-size: small;
}

.viewCardTypeselected
{
    border: 12px solid #00FF00;
    min-width: 9000px;
}


/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}


label.sy-accordion-content
{
 min-width: 100px;
}
/********* Picture Thumnail control CSS************/
.thumbnailviewer-maindiv
{
    width: 100%;
    height: 100%;
}

.thumbnailviewer-picturediv
{
    /* border: medium ridge #808080;
    ; height: 240px;
    width: 345px;*/
    height: 320px; /*left: 75px;*/
    position: relative;
    width: 100%;
}

.thumbnailviewer-background-div
{
    position: absolute;
    /*display: table-cell;*/
}
.thumbnailviewer-mainimage
{
    /*
    border-style: solid;
    border-width: thin;
*/
    position: absolute;
    z-index:850;
    left:20px;
}

.thumbnailviewer-backImage
{
    position: absolute;
    z-index: 800;
    width:100%;
    height:100%;
}


.thumbnailviewer-descdiv
{
    z-index: 900;
    padding: 8px;
    width: 98%;
    height: 60px;
    margin-right: 4px;
    margin-top: 4px;
}

.thumbnailviewer-thumbnaildiv
{
    width: 99%;
    height: 45px;
    overflow: auto;
    background-color: #808080;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
}

.thumbnailviewer-thumbnail
{
    width: 56px;
    height: 40px;
    border: thin solid #000000;
    margin-right: 10px;
    margin-bottom: 10px;
}

.selected-thumbnail
{
    width: 56px;
    height: 40px;
    border: medium solid #0397D7;
    margin-right: 10px;
    margin-bottom: 5px;
}
 .thumbnailviewer-thumbnail :hover
{
    width: 56px;
    height: 40px;
    border: thin solid #66CCFF;
    margin-right: 10px;
    margin-bottom: 10px;
} 
/*************** Teacher div **********************/  

.teacherDiv-maindiv
{
    padding: 4px;
    margin-bottom: 5px;
    height: auto;
    width: 98%;
    left:0px;
}
.teacherDiv-holderdiv
{
    width: 110px;
    height: 190px;
    float: left;
}

.teacherDiv-mainimage
{
    width: 99px;
    height: 150px;
}
.teacherDiv-descdiv
{
    margin: 4px;
    width: 855px;
    height: 190px;
    overflow: auto;
    float: left;
    text-align: justify;
}
.teacherDiv-url{}
.teacherDiv-centers{}
.teacherDiv-thumbnaildiv{}
.teacherDiv-datesdiv{}

/* Collage **********************/  
.sy-collage-div
{
    margin-right: 50px;
    margin-left: 25px;
    width: 400px;
}

.sy-collage-picture
{
    width: 100px;
    height: 100px;
}

/* Teacher Strip **************/
.teacherstrip-maindiv
{
	height: 165px;
	overflow:scroll;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 99%;
	background-color: #FFFFFF;
	clear: both;
	left: 0px;
	display: inline;
}

.teacherstrip-teacherdiv
{
	width: 140px;
	text-align: center;
	float: left;
}
/*
	clear: none;
	display: block;
	height: 150px;
*/

.teacherstrip-picture
{
    width: 99px;
    height: 150px;
    clear:none;
}

.teacher-holding-div
{
    height: 100%;
    overflow: auto;
    clear:both;
}
/*
.menu_item
{
    text-align: center;
}
*/
.montage{
    width: 490px; 
    height: 490px; 
    padding-top: 4px; 
    padding-bottom: 4px; 
    padding-left: 4px;
}

.left-holding-panel{
    font-size: medium; 
    width:404px;
}