/* default replacements */

.main { background-image: url('/interface/content_back_solutions.gif'); }

.footer { height: 39px; overflow: hidden; background-image: url('/interface/footer_new_solutions.gif'); background-repeat: no-repeat; }


/* upper theatre masks */

.theater_sol { display: block; position: relative; top: -6px; left: -5px; width: 720px; height: 200px; background-color: #121212; }

.theater_sol #topmask { display: block; position: absolute; top: 0px; left: 0px; width: 720px; height: 4px; z-index: 10; background-image: url('/interface/theater_home_topmask.png'); _background-image: none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/interface/theater_home_topmask.png', sizing Method='scale'); background-repeat: no-repeat; }

.theater_sol #bottommask { display: block; position: absolute; top: 196px; left: 0px; width: 720px; height: 4px; z-index: 10; background-image: url('/interface/theater_midcontent_bottommask.png'); _background-image: none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/interface/theater_midcontent_bottommask.png', sizing Method='scale'); background-repeat: no-repeat; }


/* midcontent area */

.midcontent { display: block; position: relative; width: 720px; height: 211px; top: -6px; left: -5px; overflow: hidden; }

.midcontent #top { display: block; position: absolute; width: 720px; height: 10px; background-image: url('/interface/midcontent_top.jpg'); top: 0px; left: 0px; z-index: 2; }

.midcontent #bottom { display: block; position: absolute; width: 720px; height: 10px; background-image: url('/interface/midcontent_bottom.jpg'); top: 201px; left: 0px; z-index: 2; }

.midcontent #left { display: block; position: absolute; top: 0px; left: 0px; width: 480px; height: 211px; background-color: #141414; z-index: 1; }

.midcontent #left #innercopy { color: #b9b9b9; font-size: 13px; padding: 20px; padding-top: 0px; }

.midcontent #right { display: block; position: absolute; top: 10px; left: 480px; width: 240px; height: 191px; background-image: url('/interface/midcontent_rightback.jpg'); z-index: 1; }

.midcontent #right #content { display: block; margin-left: 15px; margin-right: 12px; margin-top: 3px; }

.midcontent #right #content #rule { display: block; border-top: 1px solid #141414; border-bottom: 1px solid #3c3c3c; }



.midcontent #right #content #link_disabled { display: block; color: #ffffff; font-weight: bold; font-size: 11px; text-shadow: #141414 1px 1px 2px; margin-bottom: 11px; opacity: .20; filter: alpha(opacity=20); -moz-opacity: 0.2; font-size: 11px; }

.midcontent #right #content #link_disabled #arrow { display: block; font-size: 14px; margin-top: -2px; float: right; }

.midcontent #right #content #link_disabled #icon { display: block; width: 20px; height: 19px; margin-right: 5px; margin-top: -1px; float: left; }



.midcontent #right #content #link { display: block; color: #ffffff; font-weight: bold; text-shadow: #141414 1px 1px 2px; margin-bottom: 11px; opacity: .50; filter: alpha(opacity=50); -moz-opacity: 0.5; cursor: pointer; font-size: 11px; }

.midcontent #right #content #link:hover { opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; }

.midcontent #right #content #link a { color: #ffffff; font-size: 11px; }

.midcontent #right #content #link #arrow { display: block; font-size: 14px; margin-top: -2px; float: right; }

.midcontent #right #content #link #icon { display: block; width: 20px; height: 19px; margin-right: 5px; margin-top: -1px; float: left; }

.midcontent #right #content #suitelink { display: block; margin-top: 5px; }

.midcontent #right #content #suitelink #icon { display: block; float: left; margin-right: 5px; width: 71px; height: 58px; margin-left: -10px; }

.midcontent #right #content #suitelink #tagline { color: #919191; text-shadow: #141414 1px 1px 2px; font-weight: bold; padding-top: 3px;  }

.midcontent #right #content #suitelink #link a { color: #f26631; }


/* new tab appearance */

.tabbar { display: block; position: relative; width: 720px; height: 31px; top: -6px; left: -5px; overflow: hidden; font-weight: bold; }

.tabbar #tab1 { display: block; position: absolute; width: 240px; height: 31px; background-image: url('/interface/newtab_1.jpg'); }

.tabbar #tab2 { display: block; position: absolute; left: 240px; width: 241px; height: 31px; background-image: url('/interface/newtab_2.jpg'); }

.tabbar #tab3 { display: block; position: absolute; left: 481px; width: 239px; height: 31px; background-image: url('/interface/newtab_3.jpg'); }

.tabinactive { background-position: 0px 0px; cursor: pointer; color: #888888; text-shadow: #494949 1px 1px 2px; }
.tabinactive:hover { background-position: 0px -31px; cursor: pointer; color: #bfbfbf; text-shadow: #3b3b3b 1px 1px 2px; }

.tabactive { background-position: 0px -62px; color: #a2a2a2; text-shadow: #2e2e2e 1px 1px 2px; }

.tabbar #bump { display: block; position: relative; left: 11px; top: 7px; }


/* inner tab story display */

.midtitle_graphic { display: block; position: relative; left: 4px; top: 4px; }

.storygroup { display: block; position: relative; margin-left: 6px; margin-right: 16px; margin-bottom: 10px; padding: 10px; background-color: #222222; color: #a7a7a7; opacity: .50; filter: alpha(opacity=50); -moz-opacity: 0.5; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.storygroup:hover { opacity: 1.00; filter: alpha(opacity=100); -moz-opacity: 1.0; }

.storygroup #icon { display: block; float: left; }

.storygroup #content { display: block; margin-left: 166px; margin-top: 6px; }

.storygroup p { display: block; padding: 0px; margin: 0px; }

.storygroup #title { display: block; color: #ffffff; font-size: 16px; font-weight: bold;  text-shadow: #1c1c1c 1px 1px 2px; margin-bottom: 10px; }

.storygroup #link { display: block; margin-top: 10px; margin-bottom: 10px; }

.storygroup #link a { font-weight: normal; }


/* tryout popup window */

.trypop { position: absolute; top: 150px; left: 312px; width: 177px; height: 138px; background-image: url('/interface/trypop_back2.png'); _background-image: none;  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/interface/trypop_back2.png', sizing Method='scale'); background-repeat: no-repeat; z-index: 10; }

.trypop #link { display: block; color: #ffffff; font-size: 11px; text-shadow: #3b3b3b 1px 1px 2px; margin-top: 4px; margin-bottom: 5px; margin-left: 12px; cursor: pointer; opacity: 0.50; filter: alpha(opacity=50); -moz-opacity: 0.5; }

.trypop #link:hover { opacity: 1.00; filter: alpha(opacity=100); -moz-opacity: 1.0; }

.trypop #link a { color: #ffffff; font-weight: normal; font-size: 11px; }

.trypop #icon { display: block; width: 15px; height: 15px; margin-right: 10px; float: left; }

.trypop #rule { display: block; width: 152px; margin-left: 9px; border-top: 1px solid #525252; border-bottom: 1px solid #767676; }