/* General styles */
/* 25-aug-2009 correct images directory! */

/* Tags */
BODY,TEXTAREA,INPUT,SELECT,P,LI,DIV,TABLE,UK { font-size:0.95em; }
H1,H2,H3,H4,H5,H6 { font-size:110%; }
BODY { font-family:verdana, sans-serif; color:#116; font-style:italic; }
TEXTAREA,INPUT,SELECT { background-color:#eef; color:#116; }
HR { color:#aaa; height:1px; }

/* Main */
main-background { z-index:0; position:absolute; left:0px; top:0px; width:100%; }
.maindiv {z-index:1; position:absolute; left:190px; top:180px; }

/* Anchors */
a {font-weight:bold; }
a:link    {color:#557;}
a:visited {color:#116;}
a:active  {color:#116;}
a:hover   {color:blue;}

/* Borders */
.workplate { border: #aaa 1px solid; margin:10px; }
.workimage { text-align:center; background-image:url('../images/mask.png'); background-repeat:repeat; }
.workdescription { border: #aaa 1px solid; margin:10px; padding:5px; background-image:url('../images/mask.png'); background-repeat:repeat; height:2.5em; overflow:hidden; }
.workinfo { border: #aaa 1px solid; margin:10px; padding:5px; text-align:center; background-image:url('../images/mask.png'); background-repeat:repeat; }
.workaction { text-align:center; background-image:url('../images/mask.png'); background-repeat:repeat; }

.mainplate { background-image:url('../images/mask.png'); background-repeat:repeat; }


/* Buttons */
a.osrbutton, a.osrcartbutton, a.osrcartbuttonbig  { text-decoration:none; white-space:nowrap; background-image:url('../images/bg_button1.jpg'); border:#e9a 2px outset; padding-left:3px; padding-right:3px; padding-top:1px; padding-bottom:1px; background-position:top; }
a.osrbutton:hover { color:black; border:#b44 1px outset; background-image:url('../images/bg_button2.jpg');}

/* Menu */
.menuplate { z-index:1; position:absolute; top:130px; left:200px; padding-left:3px; padding-right:3px; padding-top:0px; padding-bottom:5px; }
.osrmenu { padding-top:5px; float:left; }
.osrmenu li a, .osrmenu li a.osrmenuroot { padding-right:10px; white-space:nowrap; text-decoration:none; font-size:100%; }
.osrmenu ul { list-style:none; margin:0px; padding:0px; float:left; z-index:100; }
.osrmenu li { position:relative; background-color:#ffe; width:100%; }
.osrmenu li, .osrmenu li ul li, .osrmenu li ul li ul li { margin-top:1px; border:#411 1px outset; padding-left:5px; padding-right:3px; padding-top:1px; padding-bottom:1px; }
.osrmenu ul ul { position:absolute; }
.osrmenu ul ul ul { top:5%; left:100%; }
.osrmenu ul ul, .osrmenu ul li:hover ul ul { display:none; }
/* end of css menu */

/* Breadcrumb */
.breadcrumb { position:absolute; left:200px; top:150px; color:white; }
a.breadcrumb-anchor:link { color:white; }
a.breadcrumb-anchor:hover { color:red; }

/* Cart */
.showcart { position:absolute; right:10px; top:150px; background-color:white; }
.osrcart { visibility:hidden; padding:20px; background-color:#fee; z-index:99; border:#e9a 1px outset; }

/* Wait */
.waitpopup { color:red; font-weight:bold; white-space:nowrap; border:#f00 1px outset; padding:50px; background-color:#fef; }

/* Error/emphasis */
.emphasis, .error { color:red; font-weight:bold; }

/* Player */
.playercontrols { background-color:#999; padding:10px; margin-top:20px; margin-left:10px; margin-right:10px; border:#e9a 1px outset; }
.osrplayer { height:420px; width:420px; background-image:url('../images/player-background.jpg'); }
.swfplayer { text-align:center; padding-top:20px; font-size:85%; }
a.osrhidebutton { position:absolute; top:10px; right:10px; text-decoration:none; white-space:nowrap; border:#e9a 1px outset; background-color:#999; padding:3px; }

/* Rate Track popup */
.trackrating { visibility:hidden; z-index:6; position:absolute; left:auto; top:auto; background-color:#aaa; padding:10px; margin-top:20px; margin-left:10px; margin-right:10px; border:#e9a 1px outset; padding-right:50px; }

/* Selected Tracks display */
.selectedtracksdiv { position:absolute; left:20px; top:250px; background-image:url('../images/mask.png'); background-repeat:repeat; padding:5px; width:150px; overflow:auto; color:white;}
.selectedtracksdiv ul {list-style:none; margin:0px; float:left; padding:0px; }