/*
 * Header
 */

.PageSize { position: relative; width: 950px; } 
.PageSize_FullScreen { position: relative; } 

#Header { position: relative;  width: 100%; height: 300px; }
#Header .PageSize > #CurrentPathArea { position: absolute; display: block; bottom: 0px; width: inherit; height: 25px; padding-top: 5px; z-index: 1; }
#Header .PageSize > #Banner { position: absolute; display: block; top: 30px; width: inherit; height: 275px; z-index: 1; }

#Banner .BannerImg img { width: inherit; width:100%; height: 275px; text-align: center; }
#Banner .BannerNewOwnerLogo img { position: absolute; right: 15px; top: 150px; width:150px; }

#ToolBar {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0;  
  
  white-space: nowrap;
  border-collapse: collapse;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  
  z-index: 100;
}

#ToolBar > .PageSize > .LeftSeparator  { display: inline-block; float: left;  margin: 6px 2px 0; height: 18px; width: 1px; background: #000000; border-right: 1px solid #505050; }
#ToolBar > .PageSize > .RightSeparator { display: inline-block; float: right; margin: 6px 2px 0; height: 18px; width: 1px; background: #000000; border-right: 1px solid #505050; }

.ToolBarText { display: inline-block; position: relative; min-width: 65px; padding-left: 5px; padding-right: 5px; }
.ToolBarButton { display: inline-block; position: relative; min-width: 65px; padding-left: 5px; padding-right: 5px; }
.ToolBarButtonImg { display: inline-block; position: relative; width: 30px; height: 30px; }
.ToolBarButtonImg img { width: 30px; height: 30px; }
.ToolBarButton:hover, .ToolBarButtonImg:hover { background: #555555; cursor: pointer; }
.DisabledToolBarButton { display: inline-block; position: relative; min-width: 65px; padding-left: 5px; padding-right: 5px; }
.DisabledToolBarButton:hover { background: #555555; cursor: not-allowed; }

/*
 * Footer
 */

#Footer { width: 100%; height: 45px; }

/*
 * Body
 */
 
html, body { margin: 0px; padding: 0px; height: 100%; }
@media(min-width:60em){html{font-size:100%}}

#Window, #Window_FullScreen {
  position: relative;
  /* 100% - header height - footer height */  
  min-height: -moz-calc(100% - 300px - 45px);
  min-height: -webkit-calc(100% - 300px - 45px);
  min-height: -o-calc(100% - 300px - 45px);
  min-height: -ms-calc(100% - 300px - 45px);
  min-height: calc(100% - 300px - 45px);
  width: 950px;
  margin: 0px auto;
}

#Window_FullScreen { width: 100%; position: relative; }

#Page, #Page_FullScreen { 
  /*margin-left: 245px;*/
  overflow: auto; 
  width: 950px;
}

#Page_FullScreen { 
  width: 100%; 
 
  /* 100% - right menu - left menu - menu padding */
  /* width: -moz-calc(   100% - 190px - 240px - 30px); */
  /* width: -webkit-calc(100% - 190px - 240px - 30px); */
  /* width: -o-calc(     100% - 190px - 240px - 30px); */
  /* width: -ms-calc(    100% - 190px - 240px - 30px); */
  /* width: calc(        100% - 190px - 240px - 30px); */
}

#MainPageContent { margin: 20px auto; padding: 10px; }
#IndexBanner { margin: 20px auto; padding: 10px; }

.PageContentTitle, .PageContent { margin: 10px auto; padding: 10px; width: 95%; text-align: center; }
.PageContent { text-align: left; }
.PageContent p { text-align: center; }

/*
 * Menus
 */
 
.LeftMenu   { position: relative; width: 207px; margin: 20px 10px; padding: 5px; }
.RightMenu  { position: relative; width: 157px; margin: 20px 60px 0px 0px; padding: 5px; }

.LeftMenu   .MenuTitleDiv { display: table; height: 30px; line-height: 30px; text-align: center; padding: 10px 2px 10px 2px; margin: 5px; width: 196px; }
.RightMenu            .MenuTitleDiv { display: table; height: 30px; line-height: 30px; text-align: center; padding: 10px 2px 10px 2px; margin: 5px; width: 143px; }
.RightMenu_FullScreen .MenuTitleDiv { display: table; height: 30px; line-height: 30px; text-align: center; padding: 10px 2px 10px 2px; margin: 5px; width: 143px; }
.MenuTitle { display: table-cell; vertical-align: middle; line-height: normal; }

.MenuItemTitleDiv .MenuItemTitle    { display: table-cell; vertical-align: middle; line-height: normal; }

.AvailableStudiosList  { display: table; height: 150px; line-height: 75px; text-align: center; padding: 10px 2px 10px 2px; margin: 5px; width: 196px; }
.AvailableStudiosTitle { vertical-align: middle; }

/*
 * Carrousel
 */
.CarouselContainer { position: relative; height: 225px; padding: 0px; }
.CarouselItem { }

.CarouselUl { position: relative; left: -159px; right: 159px; list-style-type: none; width: 9999px; margin: 0px; padding: 0px; padding-bottom: 10px; border: none; }
.CarouselUl li { float: left; width: 160px; padding: 0px; margin: 0px; border: none; }
.CarouselUl li img { margin-bottom: -4px; cursor: hand; border: 0px; }

.CarouselInner { float: left; right: 50px; width: 50%; min-width: 160px; overflow: hidden; left: 62px; padding-top: 10px; }
.CarouselLeftTitle { float: left; margin: 50px 0px 0px 0px; width: 150px; }
.CarouselLeftScroll, .CarouselRightScroll { float: left; margin: 50px 0px 0px 0px; height: 48px; width: 48px; }
.CarouselRightScroll { right: 50px; }
.CarouselLeftScroll img, .CarouselRightScroll img { cursor: hand; height: 48px; width: 48px; }

.CarouselInnerWidth {
  /* 100% - right scroll - left scroll - padding/margin */
  width: -moz-calc(   100% - 48px - 48px - 10px);
  width: -webkit-calc(100% - 48px - 48px - 10px);
  width: -o-calc(     100% - 48px - 48px - 10px);
  width: -ms-calc(    100% - 48px - 48px - 10px);
  width: calc(        100% - 48px - 48px - 10px);
}

/*
 * Colors
 */

/** Dark **/
/*
.DefaultBackgroundColor { background-color: #ffffff; }
.SelectedItemBackgroundColor { background-color: #000000; }
.FirstBackgroundColor { background-color: #666666; }
.SecondBackgroundColor { background-color: #555555; }
.ThirdBackgroundColor { background-color: #5C5C5C; }
.TitleBackgroundColor { background-color: #777777; }
.ToolBarBackgroundColor { background-color: #404040 }
.DefaultImgBackgroundColor { background-color: #ffffff; }
.StdHeaderBackgroundColor { background-color: #c0c0c0; }
.BlackBackgroundColor { background-color: #000000; }
.LightBackgroundColor { background-color: #dddddd; }
.ComboBoxSeparator { background-color: #dcdcc3; }

.BodyFontColor        { color: #333333; }
.FirstFontColor       { color: #000000; }
.SecondFontColor      { color: #ffffff; }
.ThirdFontColor       { color: #181C70; }
.StudiosInfoFontColor { color: #181C70; }
.RedFontColor         { color: #ff0000; }
.GreenFontColor       { color: #00ff00; }
.BlueFontColor        { color: #0000ff; }
*/

/** White **/
.DefaultBackgroundColor { background-color: #ffffff; }
.SelectedItemBackgroundColor { background-color: #000000; }
.FirstBackgroundColor { background-color: #ffffff; }
.SecondBackgroundColor { background-color: #ffffff; }
.ThirdBackgroundColor { background-color: #5C5C5C; }
.TitleBackgroundColor { background-color: #eeeeee; }
.ToolBarBackgroundColor { background-color: #eeeeee }
.DefaultImgBackgroundColor { background-color: #ffffff; }
.StdHeaderBackgroundColor { background-color: #ffffff; }
.BlackBackgroundColor { background-color: #000000; }
.LightBackgroundColor { background-color: #dddddd; }
.ComboBoxSeparator { background-color: #dcdcc3; }

.BodyFontColor        { color: #333333; }
.FirstFontColor       { color: #000000; }
.SecondFontColor      { color: #000000; }
.ThirdFontColor       { color: #181C70; }
.StudiosInfoFontColor { color: #181C70; }
.RedFontColor         { color: #ff0000; }
.GreenFontColor       { color: #00ff00; }
.BlueFontColor        { color: #0000ff; }

/*
 * Position & Size
 */

.RelativePos { position: relative; }
.FixedPos { position: fixed; }
.AbsolutePos { position: absolute; }

.CenterPos { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }
.CenterDiv { margin: 0px auto; top: 0; bottom: 0; left: 0; right: 0; }
.MiddlePos { position: absolute; margin: auto; left: 0; right: 0; }
.BottomDiv { position: absolute; bottom: 0; }

.Width_50  { width: 50%; }
.Width_60  { width: 60%; }
.Width_75  { width: 75%; }

.FloatLeft { float: left; }
.FloatRight { float: right; }

.InlineBlock { display: inline; }
.InlineElement { display: inline-block; }
.Invisible { display: none; }
.DisplayStd { display: block; }

.ClearBoth { clear: both; height: 0px; overflow: hidden; /* For IE 7 */ }

.FullSizeDiv { width: 100%; }
.DivH_20 { height: 20px; line-height: 20px; }
.DivH_30 { height: 30px; line-height: 30px; }
.DivH_40 { height: 40px; line-height: 40px; }

.DivW_30 { width: 30px; }
.DivW_300 { width: 300px; }

/*
 * Margin & Padding
 */

.MarginNone     { margin: 0px; }
.MarginSSmall   { margin: 3px; }
.MarginSSmall_L { margin-left: 3px; }
.MarginSmall    { margin: 5px; }
.MarginSmall_T  { margin-top: 5px; }
.MarginSmall_B  { margin-bottom: 5px; }
.MarginSmall_R  { margin-right: 5px; }
.MarginMedium   { margin: 10px; }
.MarginMedium_T { margin-top: 10px; }
.MarginMedium_R { margin-right: 10px; }
.MarginMedium_L { margin-left: 10px; }
.MarginMedium_B { margin-bottom: 10px; }
.MarginLarge    { margin: 15px; }
.MarginLarge_T  { margin-top: 15px; }
.MarginLarge_L  { margin-left: 15px; }
.MarginLarge_R  { margin-right: 15px; }
.MarginXLarge    { margin: 25px; }
.MarginXLarge_T  { margin-top: 25px; }
.MarginXLarge_L  { margin-left: 25px; }
.MarginXLarge_R  { margin-right: 25px; }

.NegMarginSmall  { margin: -5px; }
.NegMarginMedium { margin: -10px; }
.NegMarginMedium_B { margin-bottom: -10px; }
.NegMarginLarge  { margin: -15px; }
.NegMarginLarge_L { margin-left: -15px; }
.NegMarginLarge_T { margin-top: -15px; }
.NegMarginLarge_B { margin-bottom: -15px; }

.PaddingNone    { padding: 0px; }
.PaddingSSmall  { padding: 3px; }
.PaddingSmall   { padding: 5px; }
.PaddingMedium  { padding: 10px; }
.PaddingLarge   { padding: 15px; }

.PaddingSmall_T { padding-top: 5px; }

.NegPaddingSSmall  { padding: -3px; }
.NegPaddingSmall   { padding: -5px; }
.NegPaddingMedium  { padding: -10px; }
.NegPaddingLarge   { padding: -15px; }

.NegPaddingSmall_L { padding-left: -5px; }

.LeftPadding5  { padding-left: 5px; }
.LeftPadding10 { padding-left: 10px; }
.LeftPadding15 { padding-left: 15px; }
.LeftPadding25 { padding-left: 25px; }
.LeftPadding40 { padding-left: 40px; }
.LeftPadding50 { padding-left: 50px; }

.TopPadding2  { padding-top: 2px; }
.TopPadding5  { padding-top: 5px; }
.TopPadding10 { padding-top: 10px; }
.TopPadding25 { padding-top: 25px; }
.TopPadding50 { padding-top: 40px; }
.TopPadding50 { padding-top: 50px; }

/*
 * Cursors
 */
.HandCursor { cursor: pointer; }
.NotAllowedCursor { cursor: not-allowed; }

/*
 * Images
 */

.Img100 { height: 100px; width: 100px; }
.Img30  { height: 30px;  width: 30px; }
.Img20  { height: 20px;  width: 20px; }

/*
 * Borders & Corners & Gradients
 */

.StdCorner, .StdCorner_tl, .StdCorner_tr, .StdCorner_tlr, .StdCorner_br, .StdCorner_bl, .StdCorner_blr, .StdCorner_tlrbl { /*border-style: 1px solid #000000;*/ background-clip: padding-box; }
.StdCorner        { -moz-border-radius: 5px;              -webkit-border-radius: 5px;             -khtml-border-radius: 5px;              border-radius: 5px; }
.StdCorner_tl     { -moz-border-radius: 5px 0 0 0;        -webkit-border-radius: 5px 0 0 0;       -khtml-border-radius: 5px 0 0 0;        border-radius: 5px 0 0 0; }
.StdCorner_tr     { -moz-border-radius: 0 5px 0 0;        -webkit-border-radius: 0 5px 0 0;       -khtml-border-radius: 0 5px 0 0;        border-radius: 0 5px 0 0; }
.StdCorner_tlr    { -moz-border-radius: 5px 5px 0 0;      -webkit-border-radius: 5px 5px 0 0;     -khtml-border-radius: 5px 5px 0 0;      border-radius: 5px 5px 0 0; }
.StdCorner_br     { -moz-border-radius: 0 0 5px 0;        -webkit-border-radius: 0 0 5px 0;       -khtml-border-radius: 0 0 5px 0;        border-radius: 0 0 5px 0; }
.StdCorner_bl     { -moz-border-radius: 0 0 0 5px;        -webkit-border-radius: 0 0 0 5px;       -khtml-border-radius: 0 0 0 5px;        border-radius: 0 0 0 5px; }
.StdCorner_blr    { -moz-border-radius: 0 0 5px 5px;      -webkit-border-radius: 0 0 5px 5px;     -khtml-border-radius: 0 0 5px 5px;      border-radius: 0 0 5px 5px; }
.StdCorner_tlrbl  { -moz-border-radius: 5px 5px 0px 5px;  -webkit-border-radius: 5px 5px 0px 5px; -khtml-border-radius: 5px 5px 0px 5px;  border-radius: 5px 5px 0px 5px; }
.StdCorner_r      { -moz-border-radius: 0 5px 5px 0;      -webkit-border-radius: 0 5px 5px 0;     -khtml-border-radius: 0 5px 5px 0;      border-radius: 0 5px 5px 0; }
.StdCorner_l      { -moz-border-radius: 5px 0 0 5px;      -webkit-border-radius: 5px 0 0 5px;     -khtml-border-radius: 5px 0 0 5px;      border-radius: 5px 0 0 5px; }

.StdNoBorder    { border: none; }
.StdBorder      { border: 1px solid black; }
.StdBorder_lr   { border-left: 1px solid #000000; border-right: 1px solid #000000; }
.Border_2px_lr  { border-left: 2px solid #000000; border-right: 2px solid #000000; }
.StdBorder_2px_grey { border: 2px solid grey; }
.StdBorder_2px_black { border: 2px solid black; }
.StdRedBorder   { border: 1px solid red; }
.StdGreenBorder { border: 1px solid green; }
.StdBlueBorder  { border: 1px solid blue; }

.StdBlackBoxShadow {
     -moz-box-shadow: 0px 0px 5px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px 5px #000000;
       -o-box-shadow: 0px 0px 5px 5px #000000;
          box-shadow: 0px 0px 5px 5px #000000;
}

.StdMedBlackBoxShadow {
     -moz-box-shadow: 0px 0px 5px 3px #000000;
  -webkit-box-shadow: 0px 0px 5px 3px #000000;
       -o-box-shadow: 0px 0px 5px 3px #000000;
          box-shadow: 0px 0px 5px 3px #000000;
}

.StdStudioBoxShadow {
     -moz-box-shadow: 0px 4px 4px #1c1a19;
  -webkit-box-shadow: 0px 4px 4px #1c1a19;
       -o-box-shadow: 0px 4px 4px #1c1a19;
          box-shadow: 0px 4px 4px #1c1a19;
}

/*
 * Fonts
 */

.Font07em     { font-family: Georgia, Serif; font-size: 0.70em;                    font-style: normal; text-decoration: none; }
.Font07emI    { font-family: Georgia, Serif; font-size: 0.70em;                    font-style: italic; text-decoration: none; }
.Font07emB    { font-family: Georgia, Serif; font-size: 0.70em; font-weight: bold; font-style: normal; text-decoration: none; }
.Font07emBI   { font-family: Georgia, Serif; font-size: 0.70em; font-weight: bold; font-style: italic; text-decoration: none; }
.Font075em    { font-family: Georgia, Serif; font-size: 0.75em;                    font-style: normal; text-decoration: none; }
.Font075emD   { font-family: Georgia, Serif; font-size: 0.75em;                    font-style: normal; text-decoration: underline; text-decoration-style: dotted; }
.Font075emI   { font-family: Georgia, Serif; font-size: 0.75em;                    font-style: italic; text-decoration: none; }
.Font075emB   { font-family: Georgia, Serif; font-size: 0.75em; font-weight: bold; font-style: normal; text-decoration: none; }
.Font075emBI  { font-family: Georgia, Serif; font-size: 0.75em; font-weight: bold; font-style: italic; text-decoration: none; }
.Font08em     { font-family: Georgia, Serif; font-size: 0.80em;                    font-style: normal; text-decoration: none; }
.Font08emI    { font-family: Georgia, Serif; font-size: 0.80em;                    font-style: italic; text-decoration: none; }
.Font08emB    { font-family: Georgia, Serif; font-size: 0.80em; font-weight: bold; font-style: normal; text-decoration: none; }
.Font08emBI   { font-family: Georgia, Serif; font-size: 0.80em; font-weight: bold; font-style: italic; text-decoration: none; }
.Font10em     { font-family: Georgia, Serif; font-size: 1.00em;                    font-style: normal; text-decoration: none; }
.Font10emI    { font-family: Georgia, Serif; font-size: 1.00em;                    font-style: italic; text-decoration: none; }
.Font10emB    { font-family: Georgia, Serif; font-size: 1.00em; font-weight: bold; font-style: normal; text-decoration: none; }
.Font10emBI   { font-family: Georgia, Serif; font-size: 1.00em; font-weight: bold; font-style: italic; text-decoration: none; }
.Font11em     { font-family: Georgia, Serif; font-size: 1.10em;                    font-style: normal; text-decoration: none; }
.Font11emI    { font-family: Georgia, Serif; font-size: 1.10em;                    font-style: italic; text-decoration: none; }
.Font11emB    { font-family: Georgia, Serif; font-size: 1.10em; font-weight: bold; font-style: normal; text-decoration: none; }
.Font11emBI   { font-family: Georgia, Serif; font-size: 1.10em; font-weight: bold; font-style: italic; text-decoration: none; }
.Font12em     { font-family: Georgia, Serif; font-size: 1.20em;                    font-style: normal; text-decoration: none; }
.Font12emI    { font-family: Georgia, Serif; font-size: 1.20em;                    font-style: italic; text-decoration: none; }
.Font12emB    { font-family: Georgia, Serif; font-size: 1.20em; font-weight: bold; font-style: normal; text-decoration: none; }
.Font12emBI   { font-family: Georgia, Serif; font-size: 1.20em; font-weight: bold; font-style: italic; text-decoration: none; }
.Font13em     { font-family: Georgia, Serif; font-size: 1.30em;                    font-style: normal; text-decoration: none; }
.Font13emB    { font-family: Georgia, Serif; font-size: 1.30em; font-weight: bold; font-style: italic; text-decoration: none; }
.Font13emI    { font-family: Georgia, Serif; font-size: 1.30em;                    font-style: italic; text-decoration: none; }
.Font13emBI   { font-family: Georgia, Serif; font-size: 1.30em; font-weight: bold; font-style: italic; text-decoration: none; }

.FontFamily_ArialBlack  { font-family: "Arial Black", Gadget, sans-serif; }
.FontFamily_Gadget      { font-family: Gadget, sans-serif; }

.TextCenter { text-align: center; }
.VerticalTextCenter { vertical-align: middle; }
.TextLeft { text-align: left; }
.TextRight { text-align: right; }
.TextJustify { text-align: justify; }
.TextIndent { text-indent: 5px; }
.TextUnderline { text-decoration: underline; }
.TextUnderlineDot { text-decoration: none; border-bottom: dotted 1px black; }
.TextWrap { word-wrap: break-word; }
.TextWrapAll { word-wrap: break-all; }
.TextOverflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.TextStrike { text-decoration: line-through; }

/*
 * Thumbnail
 */

.DispSmallThumb { position: relative; float: left; margin-left: 8px; margin-bottom: 10px; padding: 5px; height: 140px; width: 130px; }
.DispSmallThumb .ThumbTitle { position: relative; }
.DispSmallThumb p { margin: 0px; padding: 0px; }
.DispSmallThumb > .Photo  { position: relative; padding: 5px 0px 5px 0px; height: 90px; }
.DispSmallThumb > .Photo > p { margin: 0px; padding: 0px; }
.DispSmallThumb > .Photo > p > img { max-width: 100%; max-height: 90px; cursor: pointer; }

/*
 * Studios
 */
 
.StudiosInfosContainer { padding: 10px; }

#AvailableStudios { position: relative; margin: 0px auto; height: 175px; padding-left: 5px; text-align: center; }

#StudiosPhotos { position: relative; margin-right: 10px; height: 400px; width: 400px; padding: 5px; }
#StudiosPhotos img { max-width: 400px; max-height: 400px; }

#StudiosThumbPhotosFrame { position: relative; overflow: hidden; float: left; height: 410px; width: 150px; text-align: center; padding: 0px; margin-right: 10px; }
#StudiosThumbPhotos { position: relative; overflow-y: auto; overflow-x: hidden; float: left; height: 410px; width: 150px; text-align: center; }
#StudiosThumbPhotos img { position: relative; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; max-width: 125px; max-height: 125px; }

#StudiosDetails { position: relative; height: 400px; width: 290px; overflow: hidden; padding: 5px; margin-right: 10px; }

.StudiosFieldLabelSpan { float: left; line-height: 20px; width: 40%; text-align: right; }
.StudiosFieldValueSpan { float: left; line-height: 20px;             text-align: left; text-indent: 5px; }

#StudiosDescription { position: relative; height: 400px; width: 700px; text-align: justify; padding: 5px; }