@import "common.css";
@import "navigation/navigation.css";
@import "containers.css";
@import "form.css";

body
{
    background-color: #ABABAB;
    color: White;
    word-wrap: break-word;
    letter-spacing: 0.07em;
    scrollbar-3dlight-color: #ccc; 
	scrollbar-arrow-color: #292929;
	scrollbar-base-color: #ff6347; 
	scrollbar-darkshadow-color: #595959; 
	scrollbar-face-color: #e4e4e4;
	scrollbar-highlight-color: #fff; 
	scrollbar-shadow-color: #a3a3a3;
	scrollbar-track-color: #f0f0f0;
}

h4 { color: white; border-bottom: solid 1px #B6B2B6 }

fieldset { border: 0; }

div#Gadget
{
    position: relative;
    top: 30px;
    width: 95%;
    min-width: 982px;
    margin: 0 auto;
}

div.Frame div.surface
{
    width: 100%;
    margin: 0;
    padding: 0;
}

img#Logo
{
    position: absolute;
    top: -22px;
    left: 0px;
    z-index: 100;       /* topmost */
}

/*div#TopNav
{
    position: absolute;
    top: 0px;
    left: 120px;
    width: 82%;
    min-width: 700px;
    height: 76px;
    background: transparent url('../Images/Navigation/TopNav.jpg') repeat-x top;
    z-index: 10;
}*/
div#TopNav
{
    position: absolute;
    top: 0px;
    left: 0px;   
    width: 100%;
    height: 76px;
    z-index: 10;
}
div#TopNav_0
{
    width:auto;
    margin-left:120px;
    margin-right:20px;
    background: transparent url('../Images/Navigation/TopNav.jpg') repeat-x top;
    height: 100%;
}
div#TopNav_1
{
    background: transparent url('../Images/Navigation/TopNavLeftCorner.jpg') no-repeat top left;
    height: 100%;
}
div#TopNav_2
{
    background: transparent url('../Images/Navigation/TopNavRightCorner.jpg') no-repeat top right;
    height: 100%;
}

div#OuterFrame
{
    position: absolute;
    top: 73px;
    left: 0px;
    width: 100%;
}
div#OuterFrame_0
{
    background: Black url('../Images/MainFrames/OuterBoxTop.jpg') repeat-x top;  
}
div#OuterFrame_1
{
    background: transparent url('../Images/MainFrames/OuterBoxBottom.jpg') repeat-x bottom;   
}
div#OuterFrame_2
{
    background: transparent url('../Images/MainFrames/OuterBoxRight.jpg') repeat-y right;
}
div#OuterFrame_3
{
    background: transparent url('../Images/MainFrames/OuterBoxLeft.jpg') repeat-y left;
}
div#OuterFrame_4
{
    background: transparent url('../Images/MainFrames/OuterBoxUpperTopLeftCorner.jpg') no-repeat top left;
}
div#OuterFrame_5
{
    background: transparent url('../Images/MainFrames/OuterBoxUpperTopRightCorner.jpg') no-repeat top right;
}
div#OuterFrame_6
{
    background: transparent url('../Images/MainFrames/OuterBoxTopRightCorner.jpg') no-repeat 100% 27px;
}
div#OuterFrame_7
{
    background: transparent url('../Images/MainFrames/OuterBoxTopLeftCorner.jpg') no-repeat 0% 27px;
}
div#OuterFrame_8
{
    background: transparent url('../Images/MainFrames/OuterBoxLowerBottomRightCorner.jpg') no-repeat bottom right;
}
div#OuterFrame_9
{
    background: transparent url('../Images/MainFrames/OuterBoxLowerBottomLeftCorner.jpg') no-repeat bottom left;
}
div#OuterFrame_contents
{
    /* Padding is used instead of margin because vertical margins collapse in CSS Box Model */
    padding: 30px 30px 67px 30px;
}

div#InnerFrame
{
    width: 100%;
}
div#InnerFrame_0
{
    /* background-color must be set in the outer-most div */
    background: #414141 url('../Images/MainFrames/InnerBoxTop.jpg') repeat-x top;
}
div#InnerFrame_1
{
    background: transparent url('../Images/MainFrames/InnerGadgetBottom.jpg') repeat-x bottom;
}
div#InnerFrame_2
{
    background: transparent url('../Images/MainFrames/InnerBoxRight.jpg') repeat-y right;
}
div#InnerFrame_3
{
    background: transparent url('../Images/MainFrames/InnerBoxLeft.jpg') repeat-y left;
}
div#InnerFrame_4
{
    background: transparent url('../Images/MainFrames/InnerBoxTopLeftCorner.jpg') no-repeat top left;
}
div#InnerFrame_5
{
    background: transparent url('../Images/MainFrames/InnerBoxTopRightCorner.jpg') no-repeat top right;
}
div#InnerFrame_6
{
    background: transparent url('../Images/MainFrames/InnerGadgetBottomLeftCorner.jpg') no-repeat bottom left;
}
div#InnerFrame_7
{
    background: transparent url('../Images/MainFrames/InnerGadgetBottomRightCorner.jpg') no-repeat bottom right;
    padding: 30px 32px 50px 32px;  
}
div#InnerFrame_contents
{
    /* Padding is used instead of margin because vertical margins collapse in CSS Box Model */
    width: 100%;
    overflow: hidden;
}

span#Copyright
{
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    text-align: center;
    color: #555555;
    font-size:9px;
}

#PublicHomeLeftContent
{
    width: 513px;
}
#PublicHomeRightContent
{
    width: 330px;
}
#PrivateHomeLeftContent
{
    width: 185px;
}
#PrivateHomeRightContent
{
    width: 657px;
}

.pmLeftContentZone
{
    clear: both;
    float: left;
    margin-right: 13px !important;
    
}
.pmRightContentZone
{
    clear: none !important;
    float: left;
}

.remarks
{
    padding-top: 0.4em;
    font-size: 0.85em;
    color: Silver;
    line-height: 1.15em;
}
p.remarks { clear:left; }
.remarks a
{
    color: Silver;
}
#TermsAndConditions
{
    padding-top: 1em;
}

/* Login form on the top when not logged in */
#TopLogin
{
    position:absolute;
    top:6px;
    right:50px;
    z-index:10000;
    height:19px;
    line-height:19px;
    font-size: 7pt;
}

input#username,
input#password
{
    
}
input#username { width: 150px; }
input#password { width: 100px; }

.pmLoginForm
{
    overflow: hidden;
    font-size: 7pt;
    color: #DBDBDB;
    padding:0;
    margin:0;
    width:auto;
    vertical-align:middle;
}
.pmLoginForm label
{
    color: #DBDBDB;
    clear: none;
    float:left;
    width: auto;
    margin:0px !important;
    padding:0px !important;
    vertical-align:middle;   
}
.pmLoginForm input[type=text],
.pmLoginForm input[type=password]
{
    float:left;
    height: 15px;
}
.pmLoginForm input
{   
    height: 100%;
    font-size: 8pt;
    width: auto;
    margin-right: 5px;
    vertical-align:middle;
}

.pmLoginForm a, .pmLoginForm a:link
{
    padding-left: 5px;
    font-size: 7pt;
    color: #DBDBDB;
    text-decoration: none;
}
.pmLoginForm a:hover { text-decoration: underline; }

.pmLoginForm input.button
{
    
}

.pmLoginForm .pmFormSubmit { margin-top: 0px !important; clear:none;float:left}

/* Front page advertisement */

#adContent
{
    background-color:#DEDEC6;
    padding: 6px 15px 0px 15px;
    letter-spacing: 0.12em;
    overflow:auto;
    color:#3A5B13;
}
#adContent div
{
    width: 233px;
    float: left;
}
#adContent li
{
    width: 100%;   
}

span#LoginWelcome
{
    font-size: 7pt;
}

.pmHiddenTemplate { display: none; }


ul#CommonPicks
{
    position: absolute;
    bottom: 79px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size:10px;
    padding:0;
    margin:0;
    z-index: 10
}
ul#CommonPicks a
{
    text-decoration: none;
    color:Black;
}
ul#CommonPicks a:hover
{
    text-decoration: underline;
}
ul#CommonPicks li
{
    display: inline;
    list-style: none;
    padding:0;    
    margin:0;
    color:Black;
}
ul#CommonPicks li + li:before
{
    content: ' | ';
}