/** HTML **/
html { background: url(gr/Body_BG.gif) repeat-x scroll left top #115676; }
body { margin: 0px; font: 12px Arial, Helvetica, sans-serif; color: #343434; }
a { text-decoration: none; cursor: pointer; color: #115676; }
a:hover { color: #07202c; }
table { table-layout: fixed; border-collapse: collapse; }
fieldset { padding: 10px; margin: 0 0 10px 0 }
fieldset p { margin: 0 0 8px; padding: 0; }
legend { font-weight: bold; }
img { border-width: 0px; }
.floatleft {float: left}
.floatright {float: right}
.clearboth {display: block; clear: both}
.fontbold {font-weight: bold}
.fontitalic {font-style:italic;}
.waiting-small { background: url('../../../gr/sys/ani/2.gif') no-repeat; width: 16px; height: 16px; display: block }
textarea { font-family: Arial; font-size: 12px; }
.tipp_box { border: 1px #e7e14a solid; background-color: #fffdbb; color: #474508; -moz-border-radius: 5px; padding: 6px 8px; }
input { outline: 0; }
/** global **/
.FamInText { height: 16px; width: 16px; vertical-align: bottom; }
#recaptcha_table { table-layout: auto; }
#frmMain { width: 972px; background: url(gr/frmMain_BG.png) repeat-y top left; margin: 0 auto; padding: 0 9px; }
.Sortable { list-style-type: none; margin: 0px; padding: 0px; }
.IMDBRatingOuter { background: url(sheets/Iconset1.png) no-repeat -16px 0px transparent; height: 16px; width: 200px; float: left; text-align: right; font-weight: bold; font-size: 10px; cursor: pointer; }
.IMDBRatinInner { background: url(sheets/Iconset1.png) no-repeat -16px -16px transparent; height: 16px; width: 0px; float: left; }
.IMDBRatingLabel { line-height: 18px; text-indent: 10px;}
.IMDBRatingLinks { display:inline; float:right; }
.ui-effects-transfer { border: 2px dotted gray; }
.ui-resizable-helper { border: 1px dotted gray; }
.ui-wrapper { background-color: #F0F0F0; }
.bgColRed { background-color: red; }
.bgColGreen { background-color: green; }
.RatingArea { width: 55px; height: 11px; background: url(ratings/star0.png) no-repeat top left transparent; display: inline-block;}
.Rating1 { background-image: url(ratings/star1.png); }
.Rating2 { background-image: url(ratings/star2.png); }
.Rating3 { background-image: url(ratings/star3.png); }
.Rating4 { background-image: url(ratings/star4.png); }
.Rating5 { background-image: url(ratings/star5.png); }
.Externalref { color: #07364b; background: url(../../../gr/sys/icons/bullet_link.png) no-repeat left center transparent; padding-left: 14px; }
.Externalref:hover { text-decoration: underline; }
/** Rating **/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{ background: url(ratings/star5.png) repeat-x; }
.star-rating{ position:relative; width:55px; height:11px; overflow:hidden; list-style:none; margin:9px 0 0 0; padding:0; background: url(ratings/star0.png); }
.star-rating li{ display: inline; }
.star-rating a, .star-rating .current-rating{position:absolute; top:0; left:0; text-indent:-1000em; height:11px; line-height:11px; outline:none; overflow:hidden; border: none; }
.star-rating a:hover, .star-rating a:active, .star-rating a:focus{ background: url(ratings/star5.png); }
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}
/** DefaultListing **/
.DefaultListTable { width: 100%; color: #5C869A; }
.DefaultListTable td { height: 20px; vertical-align: middle; cursor: pointer; }
.DefaultListTable .Icon { width: 22px; text-align: center; vertical-align: top; }
.DefaultListTable .Plot { width: 100%; text-align: left; color: #5C869A; padding: 0px 5px 5px; }
.DefaultListTable .Plot a { color: #5C869A; }
.DefaultListTable .Plot:hover { text-decoration: underline; }
.DefaultListTable .Title { width: 100%; text-align: left; }
.DefaultListTable .Date { width: 123px; text-align: center; vertical-align: top; }
.DefaultListTable .Answer { width: 123px; text-align: center; }
.DefaultListTable .Title a { color: #5C869A; }
.DefaultListTable .Format { width: 30px; text-align: center; }
.DefaultListTable .Rate { width: 100px; text-align: center; }
.DefaultListTable .Odd { }
.DefaultListTable .Hiv:hover { color: #29576a; }
.RSSList { margin: 10px; font-size: 13px; text-align: justify; }
.RSSList a { color: #5C869A; }
.RSSList a:hover { text-decoration: underline; }
.RSSList li span { float: right; }
.RSSList li:hover { background-color: white; }
/** Mini Entry **/
.MiniEntry { height: 124px; cursor: pointer; font-size:10px; color: #5C869A }
.MiniEntry:hover { background: url("gr/module_BG.png") no-repeat right bottom #F1F6FA; height: 124px; }
.MiniEntry .Thumb { width: 70px; height: 100px; padding: 1px; border: 1px solid #316C87; position: relative; top: 10px; left: 10px; }
.MiniEntry .Descriptor { position: relative; width: 266px; left: 95px; top: -97px; height: 81px; overflow: hidden; border-bottom: 1px solid #C6DCE9; }
.MiniEntry .FavDescriptor { position: relative; width: 266px; left: 95px; top: -97px; height: 74px; overflow: hidden; border-bottom: 1px solid #C6DCE9; padding-bottom: 4px; }
.MiniEntry .FavDescriptor h1 { margin: 0 0 8px; font-size: 14px; }
.MiniEntry .FavDeletor { height:18px; line-height: 18px; left:95px; font-size: 11px; overflow:hidden; position:relative; top:-91px; width:266px; background: url(../../../gr/sys/icons/bullet_delete.png) no-repeat right center transparent; }
.MiniEntry .FavDeletor:hover { background-color: white; }
.MiniEntry .Genre { height:18px; left:95px; font-size: 11px; overflow:hidden; position:relative; top:-91px; width:266px; }
.MiniEntry .Genre b { padding-right: 2px; }
.MiniEntry .Genre a { color: #5C869A; }
.MiniEntry .Genre a:hover { text-decoration: underline; }
.MiniEntry .Genre .floatleft { margin-right: 10px; }
.MiniEntry .Genre img { vertical-align: bottom; padding-bottom: 1px; }
/** faq **/
.FaqHead { font-size: 14px; margin: 10px; border-bottom: 1px solid #cfdde6; padding: 5px 0px; }
.FaqGroup { margin: 0px 0px 10px 0px; font-size: 13px; }
.FaqDeep { margin: 5px 0px; }
.FaqDeepA { list-style-type: decimal; }
.FaqDeepB { list-style-type: lower-alpha; }
.FaqDeepC { list-style-type: square; }
.FaqDeepD { list-style-type: square; }
.FaqDeepE { list-style-type: square; }
.FaqAble a { color: #465E7C; text-decoration: underline; }
/** header **/
#header { height: 90px; background-repeat: repeat-y; background-position: top left; background-image: url(Header/Default.png); direction: rtl; padding: 5px; }
#header .UltraOpt { cursor: pointer; }
/** navigation **/
#navigation { margin: 0; border-bottom: 1px #3b7d97 solid; padding: 0 0 0 10px; list-style-type: none; height: 30px; background-repeat: repeat-x; background-position: top left; background-image: url(gr/navigation_BG.png); }
#navigation li { margin: 0; padding: 0 2px 0 0; float: left; height: 30px; }
#navigation .BL { background-repeat: no-repeat; background-position: left top; background-image: url(gr/navigation_Spacer.png); }
#navigation .L { background-repeat: no-repeat; background-position: right top; background-image: url(gr/navigation_Spacer.png); }
#navigation .R { float: right; margin: 0px; padding-right: 5px;}
#navigation .InputPattern { background: url(gr/SearchPatten_BG.png) no-repeat center left transparent; height: 22px; width: 262px; border-width: 0px; vertical-align: top; text-indent: 5px; line-height: 22px; float: right; -webkit-appearance: caret; margin-top: 3px;-webkit-appearance: none; }
#navigation .InputBtn { background: url(gr/searchBtn_BG.png) no-repeat center left transparent; height: 22px; width: 24px; vertical-align: top; margin-left: -2px; border-width: 0px; float: right; margin-top: 3px; -webkit-appearance: caret; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }
#navigation a { float: left; color: white; font-weight: bold; text-transform: uppercase; padding: 0 10px; float: left; line-height: 30px; font-size: 11px; outline: none; }
#navigation a:hover { padding-top: 2px; line-height: 28px; }
#navigation .DropDown { background: url(gr/DropDownArrow.png) no-repeat center 10px transparent; width: 20px; cursor: pointer; }
#navigation .DropDowner { background-position: center 11px !important }
#navigation .mHead { width: 30px; }
#navigation .Wizard { background: url(../../../gr/sys/fff/wand.png) no-repeat 8px 7px transparent; cursor: pointer; width: 32px; padding: 0px; }
#navigation .Wizard a { width: 12px; }
#navigation .Wizard:hover { background-image: url(../../../gr/sys/fff/wandh.png); }
#QuickSearchForm { margin-right: 10px; float: right; }
/** pageFeedback **/
#beep { }
.beep { display: none; background: url(gr/module_BG.png) no-repeat top left white; padding: 10px 20px; }
#AjaxStream { }
#HosterList { padding-top: 10px; }
.Partime, .Partrun { margin: 10px 10px 10px 10px; font-weight: bold; color: #465E7C; float: left; background: url(gr/arrow.part.right.png) center left no-repeat transparent; text-indent: 10px; cursor: pointer; }
.Partrun { background-image: url(gr/arrow.part.down.png); }
.Partime:hover { text-decoration: underline; background-image: url(gr/arrow.part.down.png); }
/** content settings **/
.FieldSettings { border: 1px solid #b2cadb; }
.FieldSettings legend { color: #5C869A; }
.FieldSettings label { margin-bottom: 4px; }
.FieldSettings select { margin-top: 4px; }
.LineUp { color: #5c869a; display: block; margin-right: 5px; margin-bottom: 10px; float: left; text-indent:3px; }
/** content area **/
#dontbeevil { background: url(gr/content_BG.png) no-repeat top left #fff; padding: 15px 20px; min-height: 600px; }
#Vadda { width: 752px; float: left; }
.EntrySplit { width: 100%; }
.EntrySplit td { vertical-align: top; }
.EntrySplit .Max { width: 100%; }
.EntrySplit .Info { width: 170px; padding-left: 10px; }
.LetterExtension { float: left; width: 100%; background-color: white; }
.LetterMode { border:1px solid #D8E7F0; color:#2E677F; cursor:pointer; float:left; font-size:12px; font-weight:bold; height:18px; line-height:18px; margin: 4px 0px 4px 3px; padding: 0px 4px; color: #40819D; }
.IconMode { float: right; margin-right: 4px; margin-left: 0px; }
.IconMode img { margin-top: 2px; }
.LetterMode:hover { background-color: #2e677f; color: white; }
.LetterMode_active { background-color: #2e677f; color: white !important; }
.TypeMode_active { background-color: #2e677f; color: white !important; }
/** Hauptmenü **/
#mainmenu { background: url(gr/mainmenu_BG.png) no-repeat 0px 30px white; margin: 0; padding: 0; list-style-type: none; width: 160px; float: left; margin-right: 20px; }
#mainmenu .head { background: url(gr/mainmenu_head_BG.png) no-repeat top left transparent; height: 30px; }
#mainmenu .sub { background: url(gr/mainmenu_sub_BG.png) no-repeat 8px 6px transparent; line-height: 26px; font-weight: bold; height: 26px; border-bottom: 1px solid #d9e9f3; width: 160px; color: #5F8DA3; text-indent: 28px; }
#mainmenu .sub span { float: left; line-height: 26px; font-weight: bold; }
#mainmenu .sub .Count { float: right; line-height: 25px; font-size: 10px; padding-right: 5px; display: inline; height: 26px; text-indent: 0px; }
#mainmenu .item { text-indent: 28px; font-size: 12px; height: 21px; border-bottom: 1px solid #d9e9f3; }
#mainmenu .item a { color:#5c869a; float:left; width:100%; height: 21px; line-height: 21px; }
#mainmenu .item a:hover { background-color: #fafafa; }
#mainmenu .foot { background: url(gr/mainmenu_footer_BG.png) no-repeat top left transparent; height: 25px; }
#mainmenu .space { height: 5px; font-size: 1px; }
/** table focused module **/
.CommonTable { }
.CommonTable td.centerbg { background-repeat: no-repeat; background-position: center center; text-align: center; }
.CommonTable td.bgImgGreen { background-image: url(gr/bullet_green.png); }
.CommonTable td.bgImgRed { background-image: url(gr/bullet_red.png); }
.CommonTable td.bgImgAvi { background-image: url(../../../gr/hoster/avi.png); }
.CommonTable td.bgImgAviDis { background-image: url(../../../gr/hoster/avi_disabled.png); }
.CommonTable td.bgImgFlv { background-image: url(../../../gr/hoster/flv.png); }
.CommonTable td.bgImgFlvDis { background-image: url(../../../gr/hoster/flv_disabled.png); }
.CommonTable td.bgImgMp4 { background-image: url(../../../gr/hoster/mp4.png); }
.CommonTable td.bgImgMp4Dis { background-image: url(../../../gr/hoster/mp4_disabled.png); }
.CommonTable span.Year { font-style: italic; }
.CommonTable .FullSizeClick { font-size: 11px; font-weight: bold; padding: 0px 8px 0px 12px; cursor: pointer; height: 20px; line-height: 20px;}
.CommonTable .FullSizeClick .hintRight { float: right; }
.CommonTable .FullSizeClick .hintRight img { margin-left: 4px; }
.FullModuleTableSep { width: 100%; background: url(gr/fullmoduletable_sep_BG.png) no-repeat top left #f1f6fa; color: #5C869A; font-weight: bold; padding: 3px 0px; text-align: center; font-size: 13px; }
.FullModuleTable { width: 100%; background: url(gr/module_BG.png) no-repeat 0px -20px #f1f6fa; color: #5C869A; }
.FullModuleTable th { padding-top: 5px; padding-bottom: 3px; }
.FullModuleTable tbody td { height: 22px; cursor: pointer; vertical-align: middle; }
.FullModuleTable .AdditionalRowToogler { text-align: center; width: 100%; }
.FullModuleTable .AdditionalRow { display: none; }
.FullModuleTable .LastCount { width: 70px; text-align: right; padding-right: 20px; }
.FullModuleTable .Spacer { width: 10px; }
.FullModuleTable .Icon { width: 32px; }
.FullModuleTable .Icon img { margin-left: 10px; }
.FullModuleTable .Format { width: 30px; text-align: center; }
.FullModuleTable .green, .FullModuleTable .red, .FullModuleTable .codec { background-repeat: no-repeat; background-position: center center; }
.FullModuleTable .green { background-image: url(gr/bullet_green.png); }
.FullModuleTable .flv { background-image: url(../../../gr/hoster/flv.png); }
.FullModuleTable .avi { background-image: url(../../../gr/hoster/avi.png); }
.FullModuleTable .mp4 { background-image: url(../../../gr/hoster/mp4.png); }
.FullModuleTable .red { background-image: url(gr/bullet_red.png); }
.FullModuleTable .Tipp { width: 85px; text-align: center; }
.FullModuleTable .Tipp a { color: #5C869A; }
.FullModuleTable .Tipp a:hover { text-decoration: underline; }
.FullModuleTable .Disabled { color: gray !important; }
.FullModuleTable .Title { width: 100%; text-align: left; }
.FullModuleTable .Title a { color: #115676; }
.FullModuleTable .Title .OverlayLabel { color: #5C869A; }
.FullModuleTable .Title .EpisodeDescr { color: silver; }
.FullModuleTable .Title .EpLink { padding: 0px 3px; }
.FullModuleTable .Title .EpLink:hover { background-color: white; }
.FullModuleTable .Rating { width: 70px; text-align: center; }
.FullModuleTable .BottomSpace { width: 100px; height: 5px; }
.FullModuleTable .Odd { background-image: url(gr/fullmoduletable_zebraodd_BG.png); background-repeat: repeat; }
.FullModuleTable .Specialnews { color: #b1cad8; background-color: #d0e2f0; font-weight: bold; }
.FullModuleTable tbody tr:hover { background: url(gr/fullmoduletable_zebraH_BG.png) top left no-repeat #b9d8ec; color: #29576a; }
.SearchTable { width: 100%; background: url(gr/module_BG.png) no-repeat 0px -20px #f1f6fa; color: #5C869A; }
.SearchTable tbody td { height: 22px; cursor: pointer; vertical-align: middle; }
.SearchTable .Icon { width: 32px; }
.SearchTable .Icon img { margin-left: 10px; }
.SearchTable .Name { width: 100%; text-align: left; text-indent: 6px; }
.SearchTable .Title { width: 100%; text-align: left; text-indent: 6px; }
.SearchTable .Title a { color: #115676; }
.SearchTable .Format { width: 30px; text-align: center; }
.SearchTable .imdb { width: 70px; text-align: center; padding: 0px 5px; }
.SearchTable .Rating { width: 70px; text-align: center; }
.SearchTable tr.odd { background-image:url("gr/fullmoduletable_zebraodd_BG.png"); background-repeat:repeat; }
.SearchTable tr.even { background-color: transparent; }
.SearchTable tbody tr:hover { background: url(gr/fullmoduletable_zebraH_BG.png) top left no-repeat #b9d8ec; color: #29576a; }
.SearchTable .green, .SearchTable .red { background-repeat: no-repeat; background-position: center center; }
.SearchTable .green { background-image: url(gr/bullet_green.png);}
.SearchTable .red { background-image: url(gr/bullet_red.png);}
/** mirror **/
.MirrorModule { background: url("gr/module_BG.png") no-repeat left top #F1F6FA; padding: 0px 10px; float: left; width: 732px; }
.MirrorModule .tipp_box { margin-top: 10px; }
.MirBtn { border-color:#FAFAFA #848484 #848484 #FAFAFA; border-style:solid; border-width:1px; float:left; height: 50px; width: 170px; cursor: pointer; margin: 0px 10px 10px 0px; background-color: transparent; background-position: 150px 3px; background-repeat: no-repeat; }
.MirBtn:hover { border-color:#848484 #FAFAFA #FAFAFA #848484; }
.MirBtn .Named { float:left; margin-top: 3px; text-indent: 4px; width:100%; font-weight: bold; }
.MirBtn .Data { font-size: 10px; float: left; padding-top: 3px; padding-left: 4px; width: 100%; }
.MirBtnActive { background-color: #c9deed !important; border-color:#848484 #FAFAFA #FAFAFA #848484 !important; }
/* .MirBtnDisabled * { color: gray; } */
.MirBaseStyleavi { background-image: url(../../../gr/hoster/avi.png); }
.MirBaseStyleflv { background-image: url(../../../gr/hoster/flv.png); }
.MirStyle1 { background-image: url(../../../gr/hoster/1.png) }
.MirStyle4 { background-image: url(../../../gr/hoster/4.png) }
.MirStyle2 { background-image: url(../../../gr/hoster/2.png) }
.MirStyle3 { background-image: url(../../../gr/hoster/3.png) }
.MirStyle5 { background-image: url(../../../gr/hoster/5.png) }
.MirStyle26 { background-image: url(../../../gr/hoster/26.png) }
.MirStyle30 { background-image: url(../../../gr/hoster/30.png) }
.MirStyle44 { background-image: url(../../../gr/hoster/44.png) }
.MirStyle45 { background-image: url(../../../gr/hoster/45.png) }
.MirStyle52 { background-image: url(../../../gr/hoster/52.png) }
.MirStyle53 { background-image: url(../../../gr/hoster/53.png) }
/** module recycling **/
.ModuleC { background: url(../../../gr/playercbg.png) repeat-x top left transparent; height: 120px; text-align: center; }
.ModuleC div { float: left; width: 100%; height: 30px; line-height: 30px; text-indent: 10px; font-weight: bold; color: white; }
.ModuleHead { background: url(gr/module_head_BG.png) no-repeat top left transparent; height: 30px; }
.mHead { text-shadow: #093144 0px -1px 0px }
.mHead .Opt { height: 100%; background-position: center center; background-color: transparent; background-repeat: no-repeat; line-height: 30px; }
.mHead .Opt img { height: 100%; width: 100%; }
.mHead .leftOpt { float: left; }
.mHead .rightOpt {float: right; }
.mHead .Dummy { background-image: url(gr/module_head_opt_dummy.png); width: 17px; background-position: 0px 6px; margin: 0 7px; }
.mHead .Spacer { background-image: url(gr/module_head_opt_line.png); width: 2px; background-position: 0px 0px; margin: 0px 5px; }
.mHead .Stream { background-image: url(gr/module_head_opt_stream.png); width: 17px; background-position: 0px 6px; margin: 0 7px; }
.mHead .Details { background-image: url(gr/module_head_opt_details.png); width: 17px; background-position: 0px 6px; margin: 0 7px; }
.mHead .Comments { background-image: url(gr/module_head_opt_comments.png); width: 17px; background-position: 0px 6px; margin: 0 7px; }
.mHead .UptoDown { background-image: url(gr/module_head_opt_UptoDown.png); width: 25px; background-position: 10px 10px; cursor: pointer; }
.mHead .DowntoUp { background-image: url(gr/module_head_opt_DowntoUp.png); width: 25px; background-position: 10px 10px; cursor: pointer; }
.mHead .Rating { }
.mHead .Rating img { height: 11px; width: 90px; margin-top: 8px; }
.mHead .Flag { width: 30px; }
.mHead .Flag img { width: 16px; height: 11px; vertical-align: middle; margin-left: 6px; margin-top: -3px; }
.mHead .Relative { width: auto; color: white; font-weight: bold; text-align: right; font-size: 12px; line-height: 28px; color: white; padding: 0px 5px; cursor: pointer; cursor: pointer; }
.mHead .Relative:hover { text-decoration: underline; }
.mHead .FFF { width: 30px; cursor: pointer; }
.mHead .FFF img { width: 16px; height: 16px; vertical-align: middle; margin-left: 6px; margin-top: -5px; }
.mHead .Cursorle { cursor: pointer; }
.mHead .Headlne { padding-right: 10px; }
.mHead .Headlne h1 { font-weight: bold; color: white; font-size: 12px; margin: 0; line-height: 28px; }
.mHead .Headlne h1 .grayed { color: Gold; text-decoration: underline; }
.mHead .Headlne h1 a { color: white; text-decoration: none; }
.mHead .Headlne h1 a:hover { text-decoration: underline; }
.mHead .Headlne h2 { font-weight: bold; color: white; font-size: 10px; margin: 0; line-height: 26px; }
.mHead .Hint { padding: 0px 4px; color: white; font-weight: bold; font-size: 10px; }
.mHead .UploaderName { padding: 0px 4px; color: white; font-size: 12px; line-height: 26px; }
.mHead .Toggle { background-image: url(gr/module_head_opt_toggle.png); width: 30px; cursor: pointer; }
.mHead .Customize { background-image: url(gr/module_head_opt_customize.png); width: 24px; cursor: pointer; background-position: 8px 6px; }
.mHead .Customize:hover { background-image: url(gr/module_head_opt_customizeH.png); }
.mHead .Help { background-image: url(gr/module_head_opt_help.png); width: 30px; }
.mHead .Help:hover { background-image: url(gr/module_head_opt_helpH.png); width: 30px; }
.ModuleAnnounceMent, .ModuleContent { background: url(gr/module_BG.png) no-repeat top left #f1f6fa; color: #5C869A; font-size: 13px; }
.ModuleAnnounceMent { padding: 20px; }
.ModuleAnnounceMent #bottom_pagination { margin-top: 10px; }
.ModuleFooter { margin-top: -1px; height: 1px; background: url(gr/module_footer_BG.png) top left no-repeat transparent; margin-bottom: 11px; }
.ModuleDefault { background: url("gr/module_BG.png") no-repeat scroll left top #F1F6FA; padding: 10px 0px; color: #5C869A; float: left; }
.ModuleDefault .Grahpics { float: left; width: 115px; height: 150px; margin-left: 10px; }
.ModuleDefault .Grahpics img { width: 105px; height: 150px; }
.ModuleDefault .Rating img { vertical-align: middle; }
.ModuleDefault .Rating { float: left; width: 616px; height: 18px; color: #C3C3C3; font-size: 10px; font-weight: bold; line-height: 11px; border-bottom: 1px solid #cfdde6; margin-bottom: 4px; }
.ModuleDefault .Descriptore { float: left; width: 616px; height: 150px; overflow: auto; padding-right: 10px; margin-bottom: 5px; border-bottom: 1px solid #cfdde6; }
.ModuleDefault .CustomDetails { float:left; width:590px; margin: 0; padding: 0; margin-left: 10px; list-style-type: none; }
.ModuleDefault .DetailDat { float: left; height:22px; line-height:22px; overflow:hidden; padding-right:16px; text-align:left; font-weight: bold; cursor: default; }
.ModuleDefault .DetailDat span { background: url(sheets/Iconset1.png) no-repeat top left transparent; width: 16px; height: 16px; display: inline; float: left; margin-top: 3px; margin-right: 4px; }
.DetailDat .Country { background-position: 0px -32px !important; }
.DetailDat .Runtime { background-position: 0px -96px !important; }
.DetailDat .Actor { background-position: 0px -16px !important; }
.DetailDat .Director { background-position: 0px -64px !important; }
.DetailDat .Genre { background-position: 0px -80px !important; }
.DetailDat .Views { background-position: 0px -48px !important; }
.CommonModuleTable { background: url(gr/module_BG.png) no-repeat top left #f1f6fa; color: #5C869A; font-size: 12px; }
.CommonModuleTable td { border-bottom: 1px solid #CFDDE6; line-height: 24px; }
.CommonModuleTable .Label { padding-left: 10px; padding-right: 30px; white-space: nowrap; font-weight: bold; vertical-align: top; min-width: 90px; }
.CommonModuleTable .Value { width: 100%; padding-right: 10px; }
.CommonModuleTable .Value a { color: #07364b; background: url(../../../gr/sys/icons/bullet_link.png) no-repeat left center transparent; padding-left: 14px; }
/** Fußende **/
#beinende { background: url(gr/footer_BG.png) no-repeat top left transparent; height: 25px; width: 972px; margin: 0 auto; padding: 0 9px;}
#beinende .contact { background:url("gr/footer_contact_BG.png") no-repeat scroll left top transparent; float:right; height:11px; position:relative; right:98px; top:5px; width:38px; }
#beinende .faq { background:url(gr/footer_faq_BG.png) no-repeat scroll left top transparent; float:right; height:11px; position:relative; top:5px; width:42px; }
/** PopupMenüs **/
.PopupMenu { background: url(gr/PopupMenu_IconBorder.png) repeat-y 26px 2px #F0F0F0; display: none; top: 130px; left: 0px; position: absolute; z-index: 10000; border: 1px solid #979797; padding: 2px 2px 2px 2px; box-shadow: 3px 3px 3px #8E8E8E; -webkit-box-shadow: 3px 3px 3px #8E8E8E; -moz-box-shadow: 3px 3px 3px #8E8E8E; margin: 0px; list-style-type: none; }
.PopupMenu li { border: 1px solid transparent; padding: 0px; }
.PopupMenu li:hover { background: url(gr/PopupMenu_ItemH_BG.png) repeat top left transparent; border: 1px solid #AECFF7; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.PopupMenu li a { display: block; height: 100%; padding-left: 36px; padding-right: 23px; line-height: 21px; color: black; }
.PopupMenu li span { font-weight: normal; color: silver; position: absolute; right: 6px; }
.PopupMenu .Spacer { background: url(gr/PopupMenu_Spacer.png) no-repeat 23px 4px transparent; font-size: 4px; line-height: 4px; }
.PopupMenu .Spacer:hover {background: url(gr/PopupMenu_Spacer.png) no-repeat 23px 4px transparent; border-color: transparent; }
/** Kommentare **/
.CommentArea { background: url("gr/module_BG.png") no-repeat left top #F1F6FA; padding: 0px 10px 20px 10px; color: #5C869A; }
.CommentArea .noComments { width: 100%; float: left; padding: 25px 0; text-align: center; font-weight: bold; font-size: 14px;}
.CommentArea .CommentBox {width: 732px; margin: 6px 0px; float: left; }
.CommentArea .CommentBoxAnswer { margin-left: 20px; width: 712px; }
.CommentArea .CommentBoxAnswer .Comment { width: 570px !important; }
.CommentArea .CommentBoxAnswer .Details { width: 590px !important; }
.CommentArea .CommentBox .AnswerBox { display: none; }
.CommentArea .CommentBox .AnswerList { margin-right: -10px; }
.CommentArea .BoxStyleA { background: url(gr/CommentCornerA.png) no-repeat 74px 20px; }
.CommentArea .UserImg { float: left; margin: 0 10px; width: 50px; height: 50px; display: block; }
.CommentArea .UserImg img { padding: 1px; border: 1px solid #9FB7D1; width: 50px; height: 50px; display: block; }
.CommentArea .Username { margin: 0 10px 0 0; font-weight: bold; float: left; }
.CommentArea .Date { margin: 0; float: left; }
.CommentArea .Comment { float: left; margin: 0 0 5px 0; width: 590px; }
.CommentArea .Reply { display: none; position: absolute; right: 5px; bottom: 5px; font-size: 11px; }
.CommentArea .Reply a.ThumbUp { border: 1px #afc3d5 solid; background: #d5e0ea url('../../../gr/sys/icons/thumbs-up-small-black.png') no-repeat center center; height: 12px; width: 12px; padding: 3px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; float: left; }
.CommentArea .Reply a.ThumbDown { border: 1px #afc3d5 solid; border-left: none; background: #d5e0ea url('../../../gr/sys/icons/thumbs-down-small-black.png') no-repeat center center; height: 12px; width: 12px; padding: 3px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; float: left; }
.CommentArea .Reply a.ReplyButton { margin: 0 0 0 5px; border: 1px #afc3d5 solid; background: #d5e0ea; height: 12px; line-height: 12px; padding: 3px 5px; -moz-border-radius: 2px; border-radius: 2px; float: left; font-weight: bold; }
.CommentArea .Reply a:hover, .CommentArea .Reply a.activeThumb { background-color: #bbcddd !important; }
.CommentArea .Rating { float: left; margin: 0 0 0 10px; font-size: 11px; padding: 0 0 0 15px; background: url('../../../gr/sys/icons/thumbs-up-small.png') no-repeat; height: 12px; color: #377536; }
.CommentArea .Rating_Good { float: left; margin: 0 0 0 10px; font-size: 11px; padding: 0 0 0 15px; background: url('../../../gr/sys/icons/thumbs-up-small.png') no-repeat; height: 12px; color: #377536; }
.CommentArea .Rating_Bad { float: left; margin: 0 0 0 10px; font-size: 11px; padding: 0 0 0 15px; background: url('../../../gr/sys/icons/thumbs-down-small-black.png') no-repeat; height: 12px; color: #FF0000; }
.CommentArea .ReplyTo { margin: 0; float: left; }
.CommentArea .ReplyBox { float: left; margin-top: 10px; width: 610px; display: none; }
.CommentArea .ReplyBox textarea { width: 600px; height: 30px; padding: 5px; resize: none; }
.CommentArea .Details { position: relative; float: right; width: 610px; margin: 0 10px; }
.CommentArea .Details:hover .Reply { display: inline-block !important; }
.CommentArea .StyleA { background-color: #e6edf3; -moz-border-radius: 5px; padding: 10px; }
.CommentArea .StyleA { background-color: #e6edf3; -moz-border-radius: 5px; padding: 10px; }
.CommentArea h1 { padding: 0; margin: 10px 0 5px 0; font-size: 12px; font-weight: bold; float: left; }
.CommentArea a.LoadMore { width: 712px; margin: 20px 0 0 0; padding: 8px 10px; background: #d5e0e8; float: left; display: block; -moz-border-radius: 5px; border-radius: 5px; font-weight: bold; text-align: center; font-size: 14px; }
.CommentArea a.LoadMoreDisabled { background: #eaeff3; color: #b1b8bd; }
.CommentSep { border-width: 0px; height: 1px; background-color: #CFDDE6; }
/** Utilities **/
.UtilTable { width: 100%; }
.UtilTable .Icon { width: 126px; text-align: center; vertical-align: top; height: 106px; }
.UtilTable .Label { font-weight: bold; font-size: 13px; text-align: left; vertical-align: top; height: 20px; line-height: 20px; border-bottom: 1px solid black; }
.UtilTable .Getling { width: 130px; text-align: right; padding-right: 10px; border-bottom: 1px solid black; }
.UtilTable .Getling a { color: #07364b; background: url(../../../gr/sys/icons/bullet_link.png) no-repeat left center transparent; padding-left: 14px; }
.UtilTable .Descript { vertical-align: top; padding-right: 10px; text-align: justify; font-size: 11px; padding-top: 4px; }
.UtilTable .Descript a { color: #07364b; background: url(../../../gr/sys/icons/bullet_link.png) no-repeat left center transparent; padding-left: 14px; }
.UtilTable .Screenshots { width: 140px; vertical-align: top; text-align: left; padding-top: 5px; }
.UtilTable .Screenshots img { vertical-align: top; }
.UtilTable .Spacmen { height: 20px; }
/** Register Login **/
.RegField { margin: 10px 20px; padding-left: 20px; border: 1px solid black; background: #fff; border-color: #FAFAFA #848484 #848484 #FAFAFA; color: black; }
.RegFieldA { background-image: url(gr/FingerprintA.png); }
.RegFieldB { background-image: url(gr/FingerprintB.png); }
.RegFieldC { background-image: url(gr/FingerprintC.png); }
.RegField label { font-weight: bold; line-height: 20px; }
.RegField .Tanga { width: 223px; background-color: #F3F3F3; border: 1px solid black; border-color: #848484 #FAFAFA #FAFAFA #848484; height: 20px; margin: 0 0 7px 0; line-height: 20px; }
.RegField .formAction { display: block; margin: 10px 0 0 0; }
.CommentBoxr { width: 707px; height: 60px; margin: 0 0 10px 20px }
.CommentInfo { margin-left: 20px; line-height: 20px; }
.CommentError { margin: 0 0 10px 20px; font-weight: bold; color: red; display: none }
.CommentBtn { margin-left: 20px; }
.AddCommentArea .waiting-small { display: none; float: left; margin-left: 20px; }
.AddCommentArea #recaptcha_div { margin: 0 0 10px 20px; }
/** Favoriten **/
.FavoriteSelBtn { background-color: white; float: left; padding: 4px 8px; margin-right: 5px; cursor: pointer; border: 1px solid #A0A0A0; color: black; }
.FavoriteSelBtn:hover { color: blue; }
/** Profile **/
.ProfilRsltMsg { padding-left: 10px; }
/** PNbox **/
.pnBMainMenu { }
.pnBMainMenu ul { margin: 0px;padding: 0px; list-style-type: none; border-top:1px solid #D9E9F3; }
.pnBMainMenu ul .Item { border-bottom:1px solid #D9E9F3;font-size:12px; height:26px; line-height: 26px; text-indent: 28px; cursor: pointer; }
.pnBMainMenu ul .Sub { background:url("gr/mainmenu_sub_BG.png") no-repeat scroll 8px 6px transparent; border-bottom:1px solid #D9E9F3; color:#5F8DA3; font-weight:bold; height:26px; line-height:26px; text-indent:28px; }
.pnBMainMenu ul .Item:hover, .pnBMainMenu ul .ItemActive { background-color: white; }
.pnBHead { margin: 0px 4px; text-indent: 8px; font-size: 14px; line-height: 30px; }
.pnBMsg { text-indent: 10px; line-height: 30px; text-align: right; padding: 7px; }
.pnBMsg .fl { float: left; }
.pnBMsg .fr { float: right; }
.pnBTablo { border-collapse: collapse; background-color: white; margin: 10px 10px; color: black; }
.pnBTablo td { padding: 0px; margin: 0px; height: 30px; border-bottom: 1px solid #E1E1E1; }
.pnBTablo tr:last-child td { border-bottom-width: 0px; }
.pnBTablo .Label { line-height: 30px; color: #6D6D6D; white-space: nowrap; padding: 0px 15px 0px 10px; }
.pnBTablo .Value { width: 100%; padding-right: 10px; }
.pnBTablo .Value input,
.pnBTablo .Value select { width: 100%; line-height: 30px; border-width: 0px; }
.pnBMailBody { width: 560px; margin: 0px 0px 10px 10px; height: 200px; border: 1px solid #E1E1E1; }
.pnBMailList { width: 560px; margin: 10px; }
.pnBMailList tr { cursor: pointer; }
.pnBMailList tr:hover { background-color: #FCFAAC; }
.pnBMailList td { height: 20px; line-height: 20px; }
.pnBMailList .Icon { width: 20px; text-align: center; }
.pnBMailList .Icon img { vertical-align: middle; }
.pnBMailList .Date { width: 100px; }
.pnBMailList .Hint { width: 100%; text-align: center; font-style: italic; }
.pnBMailList .Sender { width: 110px; }
.pnBMailList .Topic { width: 100%; }
.pnBMailList .Odd { background-color: white; }
.pnBMailList .Even { background-color: #F3F3F3; }
.pnBMsgReader { background-color: white; padding: 10px; margin: 0px 10px 5px; max-height: 450px; }
#pnBDynamic { padding: 0px; }
.pnBLeft { float: left; width: 582px; background: url(gr/PNBoxleft.bg.png) no-repeat 0px 20px #b9d4e6; }
.pnBRight { min-height: 321px; float: right; color: #5C869A; width: 160px; background: url(gr/PNBoxright.bg.png) no-repeat 0px 20px white; }
#pnTable { width: 100%; border-collapse: collapse }
#pnTable thead a { height: 16px; display: inline-block; background: url('dynatable/sort_both.png') right center no-repeat; padding-right: 25px; }
#pnTable thead a.sortDesc { background-image: url('dynatable/sort_desc.png'); }
#pnTable thead a.sortAsc { background-image: url('dynatable/sort_asc.png'); }
#pnTable td { border: 0px #99CCFF solid; padding: 5px; vertical-align: middle; border-bottom: 1px #e5ecf2 solid; }
#pnTable td.icon { width: 32px; }
#pnTable tr.odd td { background-color: #f7fcff; }
#pnTable td.head { font-size: 11px; font-weight: bold }
#pnTable td.noMessages { text-align: center; padding: 25px 0; }
#pnTable a { color: #1c4b62; }
#pnTable a:hover { color: #01080b; }
#pnTable tr.selected td { background: #feffcf !important; border-bottom: 1px #e5e688 solid; color: #8d7103; font-weight: bold; }
#pnTable tr.selected td a { color: #8d7103; }
#action_menu { margin: 10px 0 0 0; }
#pnMessage { color: #1a4a70; border-bottom: 1px #92c1e1 solid; margin: 0 0 15px 0; }
#pnMessage p { margin: 0 0 10px 0; padding: 0; }
#pnMessage p.name { font-weight: bold; }
#pnMessage p.time { font-size: 11px; font-weight: bold; color: #6194b4; }
#singleReply textarea { width: 500px; resize: none; }
#singleReply p { margin: 0 0 5px 0; padding: 0; }
/** Tab Navi **/
ul#tabNavi { list-style-type: none; padding: 0 10px 0 8px; border-bottom: 1px #3a6585 solid; margin: 0 0 10px 0; }
ul#tabNavi.marginBox { margin: 0 10px; padding-top: 10px; }
ul#tabNavi li { float: left; margin: 0 5px 0 0; }
ul#tabNavi li a, ul#tabNavi li span { background: #7d9ab0; color: #fff; padding: 5px 10px 4px 10px; display: block; font-weight: bold; font-size: 12px; border-top-left-radius: 5px; border-top-right-radius: 5px; text-shadow: 0px -1px 0px #1c4361; }
ul#tabNavi li a:hover { background: #527997; }
ul#tabNavi li a.active, ul#tabNavi li span { background: url('../../../gr/tab_bg.gif') #3a6585; color: #fff; text-shadow: 0px -1px 0px #0e273a; }
/** detail filter **/
ul.detailFilter { border-bottom: 1px #7d9eac solid; padding: 0 10px; }
ul.detailFilter li { float: left; }
ul.detailFilter li a, ul.detailFilter li span { padding: 7px 10px; display: block; }
ul.detailFilter li span { font-weight: bold; color: #2e3c42; padding-bottom: 5px; border-bottom: 2px #9bbbc8 solid; }
/** glueTip **/
/* global */
#cluetip-close img { border: 0; }
#cluetip-title { overflow: hidden; }
#cluetip-title #cluetip-close { float: right; position: relative; }
#cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(glueTip/wait.gif); }
.cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; }
#cluetip-extra { display: none; }
/***************************************
=cluetipClass: 'default'
-------------------------------------- */
.cluetip-default { background-color: #d9d9c2; }
.cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #d9d9c2; }
.cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #87876a; color: #fff; }
.cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; }
.cluetip-default #cluetip-inner { padding: 10px; }
.cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; }
/* default arrows */
.clue-right-default .cluetip-arrows { background-image: url(glueTip/darrowleft.gif); }
.clue-left-default .cluetip-arrows { background-image: url(glueTip/darrowright.gif); left: 100%; margin-right: -11px; }
.clue-top-default .cluetip-arrows { background-image: url(glueTip/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
.clue-bottom-default .cluetip-arrows { background-image: url(glueTip/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
/***************************************
=cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip { background-color: transparent; }
.cluetip-jtip #cluetip-outer { border: 2px solid #ccc; position: relative; background-color: #fff; }
.cluetip-jtip h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #ccc; color: #333; }
.cluetip-jtip #cluetip-inner { padding: 0 5px 5px; display: inline-block; }
.cluetip-jtip div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; }
.clue-right-jtip .cluetip-arrows { background-image: url(glueTip/arrowleft.gif); }
.clue-left-jtip .cluetip-arrows { background-image: url(glueTip/arrowright.gif); left: 100%; margin-right: -11px; }
.clue-top-jtip .cluetip-arrows { background-image: url(glueTip/arrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
.clue-bottom-jtip .cluetip-arrows { background-image: url(glueTip/arrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
/***************************************
=cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded { background: transparent url(glueTip/bl.gif) no-repeat 0 100%; margin-top: 10px; margin-left: 12px; }
.cluetip-rounded #cluetip-outer { background: transparent url(glueTip/tl.gif) no-repeat 0 0; margin-top: -12px; }
.cluetip-rounded #cluetip-title { background-color: transparent; padding: 12px 12px 0; margin: 0 -12px 0 0; position: relative; }
.cluetip-rounded #cluetip-extra { position: absolute; display: block; background: transparent url(glueTip/tr.gif) no-repeat 100% 0; top: 0; right: 0; width: 12px; height: 30px; margin: -12px -12px 0 0; }
.cluetip-rounded #cluetip-inner { background: url(glueTip/br.gif) no-repeat 100% 100%; padding: 5px 12px 12px; margin: -18px -12px 0 0; position: relative; }
.cluetip-rounded div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #009; background: transparent; }
.cluetip-rounded div#cluetip-close a { color: #777; }
/* rounded arrows */
.clue-right-rounded .cluetip-arrows { background-image: url(glueTip/rarrowleft.gif); }
.clue-left-rounded .cluetip-arrows { background-image: url(glueTip/rarrowright.gif); left: 100%; margin-left: 12px; }
.clue-top-rounded .cluetip-arrows { background-image: url(glueTip/rarrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
.clue-bottom-rounded .cluetip-arrows { background-image: url(glueTip/rarrowup.gif); top: -23px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }
/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; }
/** AutoCompleteMe **/
.ac_results { padding: 0px;border: 1px solid black;background-color: white;overflow: hidden;z-index: 99999;}
.ac_results ul { width: 100%;list-style-position: outside;list-style: none;padding: 0;margin: 0;}
.ac_results li { margin: 0px;padding: 2px 5px; cursor: default; display: block; font: menu; font-size: 12px;line-height: 16px;overflow: hidden; color: #5C869A;}
.ac_loading { background: white url('indicator.gif') right center no-repeat;}
.ac_odd { background-color: #f1f6fa;}
.ac_over { background-color: #d0e2f0; font-weight: bold; }
/* General page setup */
#dt_example { font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #333; background-color: #fff; }
#dt_example #container { width: 800px; margin: 30px auto; padding: 0; }
#dt_example #footer { margin: 50px auto 0 auto; padding: 0; }
#dt_example #demo { margin: 30px auto 0 auto; }
#dt_example .demo_jui { margin: 30px auto 0 auto; }
#dt_example .big { font-size: 1.3em; font-weight: bold; line-height: 1.6em; color: #4E6CA3; }
#dt_example .spacer { height: 20px; clear: both; }
#dt_example .clear { clear: both; }
#dt_example pre { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC; }
#dt_example h1 { margin-top: 2em; font-size: 1.3em; font-weight: normal; line-height: 1.6em; color: #4E6CA3; border-bottom: 1px solid #B0BED9; clear: both; }
#dt_example h2 { font-size: 1.2em; font-weight: normal; line-height: 1.6em; color: #4E6CA3; clear: both; }
#dt_example a { color: #0063DC; text-decoration: none;}
#dt_example a:hover {text-decoration: underline;}
#dt_example ul { color: #4E6CA3;}
.css_right { float: right;}
.css_left { float: left;}
/* DataTables features */
.dataTables_wrapper { position: relative; min-height: 302px; clear: both; _height: 302px; zoom: 1; /* Feeling sorry for IE */ }
.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px 0; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: white; }
.dataTables_length { width: 40%; float: left; }
.dataTables_filter { float: right; text-align: right; margin-top: -24px; }
.dataTables_filter input { width: 135px; height: 14px; margin-right: 4px; }
.dataTables_info { float: left; height: 30px; line-height: 30px; font-size: 10px; font-weight: bold; text-indent: 10px; background-repeat: no-repeat; background-position: left center; }
.dataTables_paginate { width: 44px; * width: 50px; float: right; text-align: right; }
/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { height: 19px; width: 19px; margin-left: 3px; float: left; }
.paginate_disabled_previous { background-image: url(dynatable/back_disabled.jpg); }
.paginate_enabled_previous { background-image: url(dynatable/back_enabled.jpg); }
.paginate_disabled_next { background-image: url(dynatable/forward_disabled.jpg); }
.paginate_enabled_next { background-image: url(dynatable/forward_enabled.jpg); }
/* DataTables display */
table.display { margin: 0 auto; width: 100%; clear: both; border-collapse: collapse; }
table.display thead th { font-weight: bold; cursor: pointer; * cursor: hand; text-align: left; text-indent: 2px; padding: 4px 0px; }
table.display tfoot th { padding: 3px 18px 3px 10px; font-weight: bold; }
table.display tr.heading2 td { border-bottom: 1px solid #aaa; }
table.display td.center { text-align: center; }
/* DataTables sorting */
.sorting_asc { background: url(dynatable/sort_asc.png) no-repeat right center; }
.sorting_desc { background: url(dynatable/sort_desc.png) no-repeat right center; }
.sorting { background: url(dynatable/sort_both.png) no-repeat right center; }
.sorting_asc_disabled { background: url(dynatable/sort_asc_disabled.png) no-repeat right center; }
.sorting_desc_disabled { background: url(dynatable/sort_desc_disabled.png) no-repeat right center; }
/* DataTables row classes */
table.display tr.odd.gradeA { background-color: #ddffdd; }
table.display tr.even.gradeA { background-color: #eeffee; }
table.display tr.odd.gradeA { background-color: #ddffdd; }
table.display tr.even.gradeA { background-color: #eeffee; }
table.display tr.odd.gradeC { background-color: #ddddff; }
table.display tr.even.gradeC { background-color: #eeeeff; }
table.display tr.odd.gradeX { background-color: #ffdddd; }
table.display tr.even.gradeX { background-color: #ffeeee; }
table.display tr.odd.gradeU { background-color: #ddd; }
table.display tr.even.gradeU { background-color: #eee; }
/* Misc */
.dataTables_scroll { clear: both; }
.top, .bottom { padding: 15px; background-color: #F5F5F5; border: 1px solid #CCCCCC; }
.top .dataTables_info { float: none; }
.clear { clear: both; }
.dataTables_empty { text-align: center; }
tfoot input { margin: 0.5em 0; width: 100%; color: #444; }
tfoot input.search_init { color: #999; }
td.group { background-color: #d1cfd0; border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E; }
td.details { background-color: #d1cfd0; border: 2px solid #A19B9E; }
.paging_full_numbers { width: 380px; height: 30px; line-height: 30px; }
.paging_full_numbers span.paginate_button, .paging_full_numbers span.paginate_active { border: 1px solid #dcdcdb; padding: 2px 5px; margin: 0 3px; cursor: pointer; *cursor: hand; font-size: 11px; }
.paging_full_numbers span.paginate_button { background-color: #307693; color: white; }
.paging_full_numbers span.paginate_button:hover { background-color: #fda300; }
.paging_full_numbers span.paginate_active { background-color: #fda300; }
table.display tr.even.row_selected td { background-color: #B0BED9; }
table.display tr.odd.row_selected td { background-color: #9FAFD1; }
/* For the Conditional-CSS grading rows */
/*
Colour calculations (based off the main row colours)
Level 1:
dd > c4
ee > d5
Level 2:
dd > d1
ee > e2
*/
tr.odd.gradeA td.sorting_1 { background-color: #c4ffc4; }
tr.odd.gradeA td.sorting_2 { background-color: #d1ffd1; }
tr.odd.gradeA td.sorting_3 { background-color: #d1ffd1; }
tr.even.gradeA td.sorting_1 { background-color: #d5ffd5; }
tr.even.gradeA td.sorting_2 { background-color: #e2ffe2; }
tr.even.gradeA td.sorting_3 { background-color: #e2ffe2; }
tr.odd.gradeC td.sorting_1 { background-color: #c4c4ff; }
tr.odd.gradeC td.sorting_2 { background-color: #d1d1ff; }
tr.odd.gradeC td.sorting_3 { background-color: #d1d1ff; }
tr.even.gradeC td.sorting_1 { background-color: #d5d5ff; }
tr.even.gradeC td.sorting_2 { background-color: #e2e2ff; }
tr.even.gradeC td.sorting_3 { background-color: #e2e2ff; }
tr.odd.gradeX td.sorting_1 { background-color: #ffc4c4; }
tr.odd.gradeX td.sorting_2 { background-color: #ffd1d1; }
tr.odd.gradeX td.sorting_3 { background-color: #ffd1d1; }
tr.even.gradeX td.sorting_1 { background-color: #ffd5d5; }
tr.even.gradeX td.sorting_2 { background-color: #ffe2e2; }
tr.even.gradeX td.sorting_3 { background-color: #ffe2e2; }
tr.odd.gradeU td.sorting_1 { background-color: #c4c4c4; }
tr.odd.gradeU td.sorting_2 { background-color: #d1d1d1; }
tr.odd.gradeU td.sorting_3 { background-color: #d1d1d1; }
tr.even.gradeU td.sorting_1 { background-color: #d5d5d5; }
tr.even.gradeU td.sorting_2 { background-color: #e2e2e2; }
tr.even.gradeU td.sorting_3 { background-color: #e2e2e2; }
/* Row highlighting example */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted { background-color: #ECFFB3; }
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted { background-color: #E6FF99; }
.ex_highlight_row #example tr.even:hover { background-color: #ECFFB3; }
.ex_highlight_row #example tr.even:hover td.sorting_1 { background-color: #DDFF75; }
.ex_highlight_row #example tr.even:hover td.sorting_2 { background-color: #E7FF9E; }
.ex_highlight_row #example tr.even:hover td.sorting_3 { background-color: #E2FF89; }
.ex_highlight_row #example tr.odd:hover { background-color: #E6FF99; }
.ex_highlight_row #example tr.odd:hover td.sorting_1 { background-color: #D6FF5C; }
.ex_highlight_row #example tr.odd:hover td.sorting_2 { background-color: #E0FF84; }
.ex_highlight_row #example tr.odd:hover td.sorting_3 { background-color: #DBFF70; }
/* KeyTable */
table.KeyTable td { border: 3px solid transparent; }
table.KeyTable td.focus { border: 3px solid #3366FF; }
table.display tr.gradeA { background-color: #eeffee; }
table.display tr.gradeC { background-color: #ddddff; }
table.display tr.gradeX { background-color: #ffdddd; }
table.display tr.gradeU { background-color: #ddd; }
div.box { height: 100px; padding: 10px; overflow: auto; border: 1px solid #8080FF; background-color: #E5E5FF; }
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }
/*** Edit Table ***/
.editTable, .searchTable { width: 100% }
.editTable td, .searchTable td { border-bottom: 1px #d4e2ed solid }
.editTable tr.last td, .searchTable tr.last td { border-bottom: 0;}
.editTable .tdLeft, .searchTable .tdLeft { width: 120px; font-weight: bold; font-size: 12px; vertical-align: top; padding: 10px 5px; text-shadow: #f0f6f9 0 1px 0; }
.editTable .tdLeft { width: 120px; }
.searchTable .tdLeft { width: 130px; }
.searchTable .tdRight { width: 320px; }
.searchTable .tdInfo { font-size: 11px; padding-left: 10px; }
.editTable .tdRight, .searchTable .tdRight { padding: 5px; }
.editTable select, .searchTable select { margin: 0 }
.editTable input[type='text'], .editTable textarea, .editTable input[type='password'] { width: 400px; padding: 4px; }
.searchTable input[type='text'], .searchTable textarea, .searchTable input[type='password'] { width: 310px; padding: 4px }
.editTable input[type='text'].input_error { border: 1px #e55a06 solid; background-color: #fff8f4; }
.editTable input, .editTable textarea, .editTable select, .editTable ul.token-input-list { width: 408px; border: 1px #b2cadb solid; border-bottom-color: #9cb8cb; -moz-box-shadow: 0 1px 0px #d7e4ed; -webkit-box-shadow: 0 1px 0px #d7e4ed; box-shadow: 0 1px 0px #d7e4ed; border-radius: 3px; }
.searchTable input, .searchTable textarea, .searchTable select { border: 1px #b2cadb solid; border-bottom-color: #9cb8cb; -moz-box-shadow: 0 1px 0px #d7e4ed; -webkit-box-shadow: 0 1px 0px #d7e4ed9; box-shadow: 0 1px 0px #d7e4ed; }
.editTable .exampleBox { border: 1px #b2cadb solid; width: 400px; padding: 4px; color: #2d2d2d; background: #f5f5f5 }
.editTable p { margin: 0 0 5px 0; padding: 0; }
.editTable select { padding: 4px; }
.editTable select.select_fitted { width: 410px; }
.searchTable select { padding: 4px; width: 320px }
input[type=submit] { background: url('../../../gr/sys/fff/submitt_button_bg.gif') repeat-x #337592; border: 1px #27627c solid; padding: 4px 8px; color: #fff; text-shadow: #123b4d 0 1px 0; border-radius: 5px; }
input[type=submit]:active { background-image: none; }
input[type=submit][disabled] { background: #f0f0f0; border: 1px #d1d1d0 solid; border-bottom-color: #bcbcbc; color: #8d8d8d; text-shadow: none; }
.editTable input[type=submit] { float: left; }
.editTable textarea { resize: none; height: 100px }
.editTable .waiting-small { margin: 5px 0 0 10px; float: left; display: none; }
.editTable .single_error_msg { color: #e55a06; font-weight: bold; font-size: 11px; margin: 5px 0 0 0; }
.editTable .editNotice, .editTable .errorMessage { margin: 5px 0 0 0 }
.editTable .errorMessage { color: red; font-weight: bold; display: none }
.editTable label.radioButton { margin: 0 10px 0 0 }
.errorBox { border: 1px #f0756b solid; background-color: #fcddda; margin: 0 0 15px 0; padding: 10px }
.successBox { border-radius: 5px; background-color: #bef3a9; border: 2px #a8e490 solid; border-bottom-color: #a1de89; margin: 0 0 15px 0; padding: 5px 10px; color: #3c3c3c; text-shadow: #fff 0 1px 0; font-weight: bold; }
/*** Regular Table ***/
.regular_table { width: 100%; margin: 0 0 15px 0 }
.regular_table td.head { background: #daeafb; font-weight: bold; }
.regular_table td { border: 1px #9fc6ed solid; padding: 5px; vertical-align: top; }
.regular_table tr.even td { background: #f7f9fa; }
/* Pagenavi */
#pagination {
float: left;
padding: 3px;
}
#pagination a {
border: 1px solid #E0E0E0;
padding: 2px 5px;
font-weight: normal;
text-decoration: none;
margin: 0px 1px;
background-color: white;
}
#pagination a:visited {
font-weight: normal;
text-decoration: none;
}
#pagination a:hover, #pagination a:active {
border: 1px solid black;
text-decoration: none;
}
#pagination .current {
border: 1px solid #E0E0E0;
padding: 2px 5px;
color: black;
font-weight: bold;
margin: 0px 1px;
}
#pagination .pages {
padding: 1px 5px 0 0px;
float: left;
margin: 0 0px 0 0;
}
/* Profilkommentare */
#user_comment_navigation {
width: 100%;
float: left;
margin: 10px 0 20px 0;
}
#user_comment_navigation a {
border: 1px solid #E0E0E0;
padding: 2px 5px;
font-weight: bold;
text-decoration: none;
margin: 0px 1px;
background-color: white;
font-size: 14px;
}
#user_comment_navigation a:visited {
font-weight: normal;
text-decoration: none;
}
#user_comment_navigation a:hover, #user_comment_navigation a:active {
border: 1px solid black;
text-decoration: none;
}
#user_comment_navigation .current {
border: 1px solid #E0E0E0;
background-color: #fff;
padding: 2px 5px;
color: black;
font-weight: bold;
margin: 0px 1px;
}
#user_comment_navigation .pages {
padding: 1px 5px 0 0px;
float: left;
margin: 0 0px 0 0;
}
/* Profil */
#profil_infos {
border: 0;
}
#image_col {
width: 154px;
margin: 0 0 0 0;
padding: 25px 10px;
background-color: #daeaf0;
vertical-align: top;
}
#image_col #profile_avatar {
width: 100px;
height: 100px;
padding: 1px;
border: 1px #7fb1d6 solid;
background-color: #ddedfa;
position: relative;
margin: 0 auto 15px auto;
}
#image_col #profile_avatar img {
width: 100px;
height: 100px;
}
#image_col #general_avatar {
width: 80px;
height: 80px;
padding: 1px;
border: 1px #9c9c9c solid;
background-color: #fff;
position: relative;
margin: 0 auto 15px auto;
}
#image_col #profile_pos {
position: absolute;
bottom: -5px;
right: -5px;
}
#info_col {
width: 500px;
padding: 12px;
vertical-align: top;
}
#user_title {
background-color: #b3d4e0;
color: #326071;
font-family: Georgia;
padding: 8px 5px;
-moz-border-radius: 6px;
border-radius: 6px;
margin: 0 0 10px 0;
text-align: center;
}
#user_title .smaller {
font-size: 9px;
font-family: Arial;
}
#user_title input {
color: #326071;
font-family: Georgia;
text-align: center;
border: 1px #000 solid !important;
width: 120px !important;
}
#action_col {
width: 139px;
float: left;
margin: 0 0 10px 0;
}
#already_friends {
font-size: 11px;
float: left;
background: url('../../../gr/sys/icons/user.png') no-repeat 5px center #c8dde5;
padding: 5px 5px 5px 27px;
-moz-border-radius: 5px;
color: #285769;
margin: 0 0 10px 0;
}
#action_col ul {
margin: 0;
padding: 0;
list-style: none;
}
#action_col ul li {
width: 154px;
}
#action_col ul li a {
width: 120px;
padding: 6px 6px 6px 26px;
display: inline-block;
color: #264b68;
font-weight: bold;
font-size: 12px;
margin: 0;
background-position: 5px center;
background-repeat: no-repeat;
border-bottom: 1px #c4dae2 solid;
}
#action_col ul li a:hover {
background-color: #c6d7de;
}
#action_col ul li a#send-mail {
background-image: url('../../../gr/sys/icons/email-new.png');
}
#action_col ul li a#add-friend {
background-image: url('../../../gr/sys/icons/user.png');
}
#action_col ul li a.delete-object {
background-image: url('../../../gr/sys/icons/delete-blue.png');
}
#action_col ul li a.edit-object {
background-image: url('../../../gr/sys/icons/pencil.png');
}
#action_col ul li a#block-user {
background-image: url('../../../gr/sys/icons/restrict.png');
}
#action_col ul li a#user-comments {
background-image: url('../../../gr/sys/icons/comment.png');
}
.profile_headline {
border-bottom: 1px #9ec3d1 solid;
margin: 0 0 5px 0;
}
.profile_headline .profile_headline_text {
background-color: #cfe1e8;
color: #585b5d;
font-weight: bold;
font-size: 11px;
display: inline-block;
padding: 2px 6px;
-moz-border-topleft: 5px;
-moz-border-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
ul#user_actions {
margin: 0 0 15px 0;
padding: 0;
list-style: none;
}
ul#user_actions li {
float: left;
margin: 0 25px 0 0;
padding: 0;
}
ul#user_actions li a {
display: block;
}
.no_content {
text-align: center;
padding: 25px 0;
font-weight: bold;
list-style-type: none;
display: block;
}
#friend_list {
margin: 0;
padding: 0;
list-style: none;
}
#friend_list li .user_online {
background-image: url('../../../gr/sys/icons/user-online.png');
width: 7px;
height: 7px;
display: block;
position: absolute;
right: -3px;
top: -3px;
}
#friend_list li {
float: left;
}
#friend_list li a {
display: block;
margin: 0 5px 5px 5px;
}
#friend_list li .friend_img {
width: 40px;
height: 40px;
background-position: center center;
position: relative;
}
#friend_list li .friend_nick {
position: absolute;
bottom: 0;
width: 40px;
overflow: hidden;
text-align: center;
font-size: 10px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=850);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
white-space: nowrap;
background-color: #ffffff;
}
.show_further {
font-size: 11px;
display: inline-block;
padding: 2px 4px;
margin: 0 0 10px 0;
}
#comment-list {
margin: 0;
padding: 0;
list-style: none;
}
#comment-list li {
background-color: #f1f6fa;
border-bottom: 1px #e0e8ef solid;
padding: 4px;
color: #616161;
margin: 0 0 6px 0;
}
#comment-list li p {
margin: 0 0 4px 0;
padding: 0;
}
#comment-list li .comment-avatar {
width: 50px;
height: 50px;
padding: 1px;
border: 1px #c3c3c3 solid;
background-color: #fff;
float: left;
margin: 0 10px 0 0;
}
#comment-list li .comment-avatar img {
width: 50px !important;
height: 50px !important;
}
#comment-list li .comment-username {
font-weight: bold;
}
#comment-list li .written-line {
font-size: 11px;
color: #7e7f7f;
}
#comment-list li .time-info {
font-size: 11px;
color: #7e7f7f;
}
#comment-list li .comment-infos {
float: left;
}
#comment-text {
}
#comment-text textarea {
width: 702px;
resize: none;
border: 1px #9fc6d8 solid;
padding: 5px;
margin: 0 0 10px 0;
}
#comment-success {
padding: 5px 7px;
border: 1px #2a8100 solid;
background-color: #c7feac;
font-weight: bold;
color: #153400;
display: none;
margin: 0 0 5px 0;
}
#comment-error {
padding: 5px 7px;
border: 1px #7e1b00 solid;
background-color: #ffcdc0;
font-weight: bold;
color: #340b00;
display: none;
margin: 0 0 5px 0;
}
/* User Icons */
.pos-admin, .pos-dev, .pos-reg, .pos-usr, .pos-super-admin, .pos-super-user, .pos-super-trusted {
width: 16px;
height: 16px;
background-repeat: no-repeat;
display: block;
}
.pos-admin {
background-image: url('../../../gr/sys/icons/usrPos_ADMIN.png');
}
.pos-dev {
background-image: url('../../../gr/sys/icons/usrPos_DEV.png');
}
.pos-reg {
background-image: url('../../../gr/sys/icons/usrPos_REG.png');
}
.pos-usr {
background-image: url('../../../gr/sys/icons/usrPos_USR.png');
}
.pos-super-admin {
background-image: url('../../../gr/sys/icons/usrPos_SUPER-ADMIN.png');
}
.pos-super-user {
background-image: url('../../../gr/sys/icons/usrPos_SUPER-USR.png');
}
.pos-super-trusted {
background-image: url('../../../gr/sys/icons/usrPos_SUPER-USR.png');
}
/* Poll */
ul#poll_answers {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}
ul#poll_answers li {
margin: 0 0 5px 3px;
padding: 0;
color: ;
font-weight: bold;
}
ul#poll_results {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}
ul#poll_results li {
margin: 0 0 10px 0;
padding: 0;
}
ul#poll_results li .poll_result_answer {
font-weight: bold;
margin: 0 0 2px 0;
}
ul#poll_results li .poll_result_load_outter {
border: 1px #e3e3e3 solid;
padding: 1px;
}
ul#poll_results li .poll_result_load_inner {
background-color: #357e9d;
height: 15px;
}
#poll_results_title {
font-weight: bold;
margin: 0 0 10px 0;
font-size: 12px;
color: #888888;
}
#poll_title {
font-size: 16px;
font-weight: bold;
margin: 0 0 8px 0;
padding: 0 0 0 22px;
background: url('/gr/sys/icons/pie-chart.png') no-repeat;
}
#poll_total_count {
color: #04577b;
font-weight: bold;
}
#poll_button {
border: 1px #a8a8a8 solid;
background-color: #fff;
-moz-border-radius: 4px;
padding: 2px 8px;
}
#poll_container {
border: 1px #cbcbcb solid;
border-bottom-color: #9a9a9a;
padding: 10px;
margin: 0 0 10px 0;
}
#poll_info {
margin: 10px 0 0 0;
color: #717171;
font-size: 11px;
}
#poll_success, #poll_error {
display: none;
font-weight: bold;
padding: 5px 8px;
margin: 0 0 10px 0;
}
#poll_error {
border: 1px #b81802 solid;
background-color: #ffcfc9;
}
#poll_success {
border: 1px #3e9200 solid;
background-color: #e3ffce;
}
.ModuleContent .top_navi {
border-bottom: 1px #aac2ce solid;
background-image: url('../../../gr/sys/fff/white-transparent-bg.png');
color: #226381;
font-size: 12px;
padding: 0 10px;
text-shadow: #fff 0px 1px 0px;
}
.ModuleContent .top_navi span {
float: left;
padding: 9px 6px 9px 0;
}
.ModuleContent .top_navi .big_link {
padding: 9px 8px;
color: #022f52;
float: left;
margin: 0 6px 0 0;
}
.ModuleContent .top_navi .sortAsc, .ModuleContent .top_navi .sortDesc {
background-image: url('../../../gr/sys/icons/sort-black.png');
background-repeat: no-repeat;
padding-right: 10px;
}
.ModuleContent .top_navi .sortAsc {
background-position: right 15px;
}
.ModuleContent .top_navi .sortDesc {
background-position: right -13px;
}
.ModuleContent .top_navi .big_link:hover {
color: #145588;
}
.ModuleContent .top_navi .selected, .ModuleContent .top_navi .selected:hover {
color: #000;
font-weight: bold;
}
.ModuleContent .top_info {
border-bottom: 1px #95b1bf solid;
color: #226381;
font-size: 12px;
padding: 8px;
}
.ModuleContent .top_info p {
margin: 0 0 4px 0;
padding: 0;
}
.ModuleContent .bottom_navi {
background-color: #e7eef4;
color: #226381;
font-size: 12px;
padding: 5px 8px;
}
ul#bottom_pagination {
margin: 0;
padding: 0;
list-style: none;
}
ul#bottom_pagination li {
float: left;
margin: 0 5px 0 0;
padding: 0;
}
ul#bottom_pagination li a {
padding: 4px 7px;
display: block;
background-color: #cedeeb;
border-radius: 4px;
}
ul#bottom_pagination li a.selected {
background-color: #cedeeb;
}
ul#bottom_pagination li a:hover {
border-color: #849fb4;
}
ul#bottom_pagination li span {
padding: 4px 7px;
display: block;
}
ul#bottom_pagination li span.selected {
background-color: #9dbad1;
border-radius: 4px;
display: block;
}
ul.entry_list, ul.groups_list {
list-style: none;
margin: 0;
padding: 0;
}
ul.entry_list li, ul.groups_list li {
padding: 10px;
border-bottom: 1px #bfdbe6 solid;
}
ul.entry_list li .entry_image, ul.groups_list li .group_image {
border: 1px #c3c3c3 solid;
border-bottom-color: #9a9a9a;
padding: 1px;
display: inline-block;
background-color: #fff;
width: 80px;
float: left;
margin: 0 12px 0 0;
}
ul.entry_list li .entry_image {
height: 114px;
}
ul.groups_list li .group_image {
height: 80px;
}
ul.entry_list li .entry_image img {
margin: 0;
padding: 0;
width: 80px;
height: 114px;
}
ul.groups_list li .group_image img {
margin: 0;
padding: 0;
width: 80px;
height: 80px;
}
ul.entry_list li .entry_info, ul.groups_list li .group_info {
float: left;
display: inline-block;
width: 600px;
}
ul.entry_list li .entry_info h1, ul.groups_list li .group_info h1 {
margin: 0 0 3px 0;
font-size: 16px;
}
ul.entry_list li .entry_info h1 a, ul.groups_list li .group_info h1 a {
font-weight: bold;
}
ul.entry_list li .entry_info h1 .title_addon, ul.groups_list li .group_info h1 .title_addon {
font-size: 12px;
}
ul.entry_list li .entry_info .meta_info, ul.groups_list li .group_info .meta_info {
color: #575757;
font-size: 11px;
margin: 0 0 3px 0;
text-shadow: #fff 0px 1px 0px;
}
ul.entry_list li .entry_info .entry_description, ul.groups_list li .group_info .entry_description {
font-size: 12px;
line-height: 16px;
height: 48px;
margin: 0 0 5px 0;
}
ul.entry_list li a.play_button, ul.entry_list li a.add_button, ul.entry_list li a.delete_button, ul.entry_list li a.rewatch_button, ul.entry_list li a.seen_button {
padding: 3px 7px 3px 25px;
background-repeat: no-repeat;
background-position: 5px center;
background-color: #fff;
display: inline-block;
color: #042036;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: bold;
border: 1px #a8c3d9 solid;
}
ul.entry_list li a.add_button {
background-image: url('../../../gr/sys/icons/add-green.png');
}
ul.entry_list li a.play_button {
background-image: url('../../../gr/sys/icons/play-green.png');
}
ul.entry_list li a.delete_button {
background-image: url('../../../gr/sys/icons/delete-blue.png');
}
ul.entry_list li a.rewatch_button {
background-image: url('../../../gr/sys/icons/reload-blue.png');
}
ul.entry_list li a.seen_button {
background-image: url('../../../gr/sys/icons/shuffle-blue.png');
}
ul.entry_list li a.play_button:hover, ul.entry_list li a.add_button:hover, ul.entry_list li a.delete_button:hover, ul.entry_list li a.rewatch_button:hover, ul.entry_list li a.seen_button:hover {
background-color: #deeaf3;
border-color: #315e82;
}
div.filter_search {
border: 1px #6c9fb8 solid;
display: inline-block;
background-color: #fff;
}
div.filter_search .search_text {
border: 0;
padding: 4px;
float: left;
width: 200px;
}
div.filter_search .search_button {
background: url('gr/search-icon.png') no-repeat;
width: 14px;
height: 14px;
border: 0;
float: left;
margin: 5px;
}
.empty_info {
padding: 50px;
text-align: center;
font-size: 14px;
font-weight: bold;
}
#playlist_thumbs {
width: 76px;
float: right;
margin: 5px 10px 0 0;
}
.playlist_thumb_container {
width: 28px;
float: left;
margin: 0 5px;
}
.playlist_thumb_percentage {
margin: 5px 0 0 0;
text-align: center;
}
.playlist_thumb_total {
width: 76px;
float: left;
font-size: 11px;
text-align: center;
margin: 5px 0 0 0;
color: #749dbb;
}
#playlist_thumb_up {
background-image: url('../../../gr/sys/icons/thumbs-up.png');
}
#playlist_thumb_down {
background-image: url('../../../gr/sys/icons/thumbs-down.png');
}
#playlist_thumb_up, #playlist_thumb_down{
background-position: bottom;
width: 28px;
height: 28px;
display: block;
}
#playlist_thumb_up:hover, #playlist_thumb_down:hover, .playlist_thumb_selected {
background-position: top !important;
}
.user_list {
list-style: none;
margin: 0;
padding: 0;
}
.user_list li {
border-bottom: 1px #d0dfed solid;
margin: 0 0 5px 0;
padding: 0 0 5px 0;
}
.user_list li:hover .user-actions {
display: block;
}
.user_list li .user-img, .user_list li .user-img a img {
width: 50px !important;
height: 50px !important;
}
.user_list li .user-img {
float: left;
margin: 0 12px 0 5px;
background-color: #ddedfa;
/*border: 1px #7fb1d6 solid;
padding: 1px; */
}
.user_list li .user-infos {
margin: 8px 0 0 0;
float: left;
}
.user_list li .user-infos .time-status {
color: #85abbd;
}
.user_list li .user-actions {
margin: 8px 0 0 0;
float: right;
display: none;
}
.user_list li .user-actions a {
margin: 0 0 0 5px;
border: 1px #afc3d5 solid;
background: #d5e0ea;
height: 12px;
line-height: 12px;
padding: 5px;
-moz-border-radius: 5px;
float: left;
font-weight: bold;
}
.user_list li .user-name {
font-weight: bold;
}
li#empty-rows, .empty-rows {
padding: 50px 0;
font-weight: bold;
font-size: 14px;
text-align: center;
}
.user_list .answ-friend-req a {
background-color: #b9d3e5;
display: inline-block;
-moz-border-radius: 3px;
padding: 2px 5px;
float: left;
margin: 0 3px 0 0;
}
.user_list li .user-infos p {
margin: 0 0 2px 0;
padding: 0;
}
.user_list li .user-infos p.info-smaller {
font-size: 11px;
}
.user_list li .user-infos p.info-actions {
}
.nofriends {
font-weight: bold;
padding: 60px 15px;
text-align: center;
font-size: 18px;
color: #a1b9cc;
}
.listIcon, .coverIcon {
background-image: url('../../../gr/sys/icons/list-icons.png');
background-repeat: no-repeat;
width: 21px;
height: 20px;
display: block;
float: left;
background-color: #fff;
margin: 5px 0 0 0;
}
.listIcon {
background-position: left top;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.listIconActive, .listIcon:hover {
background-position: left bottom !important;
}
.coverIcon {
background-position: right top;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.coverIconActive, .coverIcon:hover {
background-position: right bottom !important;
}
ul.headerNavi {
overflow: hidden;
float: right;
margin: 5px 5px 0 0;
}
ul.headerNavi li {
float: left;
}
ul.headerNavi li a, ul.headerNavi li span {
display: block;
padding: 5px 8px;
text-shadow: none;
font-weight: bold;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
margin: 0 0 0 7px;
}
ul.headerNavi li a {
background-position: left top;
background: rgba(255, 255, 255, 0.6);
color: #002637;
}
ul.headerNavi li span, ul.headerNavi li a:hover {
background: #f2f6fa;
color: #31464f;
text-shadow: none;
}
ul.headerNavi li.last-child a, ul.headerNavi li.last-child span {
border-right: 0 !important;
}
.ListOpt {
color: #ffffff;
font-weight: bold;
margin: 0 5px 0 0;
}
.ListOpt div {
margin: 0 5px;
}
#CoverFlow {
float: left;
padding: 10px 0 0 0;
}
/* Token List */
ul.token-input-list {
overflow: hidden;
height: auto !important;
height: 1%;
cursor: text;
font-size: 12px;
font-family: Verdana;
z-index: 999;
margin: 0;
padding: 0;
background-color: #fff;
list-style-type: none;
clear: left;
}
ul.token-input-list li {
list-style-type: none;
}
ul.token-input-list li input {
border: 0;
padding: 3px 8px;
background-color: white;
-webkit-appearance: caret;
}
li.token-input-token {
overflow: hidden;
height: auto !important;
height: 1%;
margin: 3px;
padding: 3px 5px;
background-color: #c5e2f6;
color: #000;
font-weight: bold;
cursor: default;
display: block;
}
li.token-input-token p {
float: left;
padding: 0;
margin: 0;
}
li.token-input-token span {
float: right;
color: #777;
cursor: pointer;
}
li.token-input-selected-token {
background-color: #7fb3d6;
color: #fff;
}
li.token-input-selected-token span {
color: #bbb;
}
div.token-input-dropdown {
position: absolute;
background-color: #fff;
overflow: hidden;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
cursor: default;
font-size: 12px;
font-family: Verdana;
z-index: 1;
}
div.token-input-dropdown p {
margin: 0;
padding: 5px;
font-weight: bold;
color: #777;
}
div.token-input-dropdown ul {
margin: 0;
padding: 0;
}
div.token-input-dropdown ul li {
background-color: #fff;
padding: 3px;
list-style-type: none;
}
div.token-input-dropdown ul li.token-input-dropdown-item {
background-color: #fafafa;
}
div.token-input-dropdown ul li.token-input-dropdown-item2 {
background-color: #fff;
}
div.token-input-dropdown ul li em {
font-weight: bold;
font-style: normal;
}
div.token-input-dropdown ul li.token-input-selected-dropdown-item {
background-color: #d0efa0;
}
ul#activities {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
ul#activities li {
border-bottom: 1px #adc1cf solid;
padding: 8px 8px 8px 32px;
background-repeat: no-repeat;
background-position: 8px center;
}
ul#activities li .activity_time {
font-size: 11px;
color: #8facc4;
}
.user_activity li {
background-image: url('../../../gr/sys/icons/user.png');
}
.user_activity li.playlists_add {
background-image: url('../../../gr/sys/icons/button-add-green.png');
}
.user_activity li.playlists_entrys, .user_activity li.playlists_edit {
background-image: url('../../../gr/sys/icons/attachment-gray.png');
}
.user_activity li.entrys_comment, .user_activity li.user_comment {
background-image: url('../../../gr/sys/icons/comment-add.png');
}
.user_activity li.entrys_like, .user_activity li.playlists_like {
background-image: url('../../../gr/sys/icons/rating-heart-full.png');
}
.user_activity li.entrys_favorite {
background-image: url('../../../gr/sys/icons/rating-star-full.png');
}
.user_activity li.user_friend {
background-image: url('../../../gr/sys/icons/user-group.png');
}
.user_activity li.user_avatar {
background-image: url('../../../gr/sys/icons/picture.png');
}
.onlinestatus {
color: green;
padding-bottom: 10px;
font-weight: bold;
}
#points_table {
width: 100%;
}
#points_table td {
padding: 5px 7px;
border-top: 1px #cbdce8 solid;
}
#points_table .points_pos {
color: #7da2c0;
}
#points_table .even {
background-color: #ecf2f7;
}
#points_table thead {
width: 100%;
font-weight: bold;
}
#preview {
position:absolute;
border:1px solid #ccc;
background:#fff;
padding:1px;
display:none;
color:#fff;
}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 645px;
height:154px;
padding: 0;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable
items. it's enough that you set the width and height for the root
element and not for this element.
*/
.scrollable .items {
/* this cannot be too large */
width:20000em;
position:absolute;
clear:both;
}
.items div {
float:left;
width:680px;
}
/* single scrollable item */
.scrollable div.image {
float:left;
background-color:#fff;
padding: 1px;
border: 1px #82aac7 solid;
border-bottom: 1px #6b90aa solid;
width:105px;
height:150px;
margin: 0px 10px;
display: block;
}
/* active item */
.scrollable .active {
border:2px solid #000;
position:relative;
cursor:default;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
background:url('../../../gr/sys/icons/hori_large.png') no-repeat;
display:block;
width:30px;
height:30px;
float:left;
margin:55px 10px;
cursor:pointer;
font-size:1px;
}
/* right */
a.right { background-position: 0 -30px; clear:right; margin-right: 11px;}
a.right:hover { background-position:-30px -30px; }
a.right:active { background-position:-60px -30px; }
/* left */
a.left { margin-left: 11px; }
a.left:hover { background-position:-30px 0; }
a.left:active { background-position:-60px 0; }
/* disabled navigational button */
a.disabled.left {
background-position:-90px 0;
}
a.disabled.left:hover {
background-position:-90px 0 !important;
}
a.disabled.right {
background-position:-90px -30px;
}
a.disabled.right:hover {
background-position:-90px -30px !important;
}
.tipsy { padding: 5px; font-size: 12px; font-weight: bold; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../../../gr/sys/icons/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
#trailer-box {
display: none;
}
#trailer-content {
background: url('../../../gr/trailer_bg.png') no-repeat;
width: 752px;
height: 448px;
position: relative;
display: block;
z-index: 100;
overflow: hidden;
}
#trailer-content #no-trailer {
font-weight: bold;
color: #fff;
text-align: center;
margin-top: 170px;
font-size: 25px;
color: #bebebe;
}
#trailer-content iframe {
width: 640px;
height: 390px;
margin: 0 auto;
position: absolute;
top: 20px;
left: 56px;
z-index: inherit;
}
#black-transparent {
background: url('../../../gr/black-transparent.png') repeat;
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: block;
z-index: 100000000000000000;
}
.info-icon {
width: 16px;
height: 16px;
display: block;
background: url('../../../gr/sys/icons/info-blue.png');
}
a.login_first {
font-size: 14px;
text-align: left;
padding: 10px 45px;
display: block;
font-weight: bold;
border-radius: 10px;
-moz-border-radius: 10px;
border: 2px #fee510 solid;
background: #fbffbd url('../../../gr/sys/icons/alert_icon.png') no-repeat 15px center;
}
.login_first a {
font-weight: bold;
}
/*
* playlist_info
*/
table.playlist_info td {
padding: 3px;
}
table.playlist_info td.tdleft {
font-weight: bold;
width: 100px;
}
/*
modal box
*/
#facebox {
position: absolute;
top: 0;
left: 0;
z-index: 100;
text-align: left;
}
#facebox .popup{
position:relative;
border:3px solid rgba(0,0,0,0);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
box-shadow:0 0 18px rgba(0,0,0,0.4);
}
#facebox .content {
display:table;
width: 370px;
padding: 10px;
background: #fff;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
#facebox .content > p:first-child{
margin-top:0;
}
#facebox .content > p:last-child{
margin-bottom:0;
}
#facebox .close{
position:absolute;
top:5px;
right:5px;
padding:2px;
background:#fff;
}
#facebox .close img{
opacity:0.3;
}
#facebox .close:hover img{
opacity:1.0;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox_overlay {
position: fixed;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.facebox_hide {
z-index:-100;
}
.facebox_overlayBG {
background-color: #000;
z-index: 99;
}
#context-menu {
position: absolute;
z-index: 10;
display: none;
padding: 15px 10px;
margin: 8px -28px -8px -12px;
left: 5px;
top: 5px;
background: url('../../../gr/context-arrows.gif') no-repeat left bottom;
}
#context-menu ul {
background-color: #fff;
color: white;
font-size: 12px;
padding: 0;
zoom: 1;
min-width: 150px;
border-left: 1px #9a9a9a solid;
border-right: 1px #9a9a9a solid;
border-top: 1px #9a9a9a solid;
border-bottom: 2px #115676 solid;
}
#context-menu li {
padding: 0;
line-height: 12px;
cursor: pointer;
background: 1px no-repeat;
white-space: nowrap;
}
#context-menu li a {
padding: 8px 8px 8px 26px;
display: block;
background-repeat: no-repeat;
background-position: 5px center;
color: #323232;
}
#context-menu li a.context-favorite {
background-image: url('../../../gr/sys/icons/grey-favorite.png');
}
#context-menu li a.context-clock {
background-image: url('../../../gr/sys/icons/grey-clock.png');
}
#context-menu li a.context-flag {
background-image: url('../../../gr/sys/icons/grey-flag.png');
}
#context-menu li a.context-delete {
background-image: url('../../../gr/sys/icons/green-delete.png');
}
#context-menu li:hover {
background-color: #f7f7f7;
}
#context-menu li:last-child {
border-bottom: 0;
}
/*
* cover list
*/
.cover_list li {
float: left;
width: 109px;
margin: 8px;
position: relative;
}
.cover_list li h3 {
font-size: 11px;
margin: 3px 0 0 0;
text-shadow: 0px -1px 0px #fafcfd;
}
.cover_list li .cover_box {
width: 107px;
height: 152px;
display: block;
}
.cover_list li .cover_box img {
border-radius: 5px;
border: 1px #cbcbcb solid;
}
.cover_list li .cover_infos {
font-size: 11px;
margin: 3px 0 0 0;
}
.cover_list li:hover .cover_options {
display: block;
}
.cover_list li .cover_options {
background-image: url('../../../gr/sys/icons/options_icons.png');
width: 15px;
height: 15px;
background-position: center top;
display: none;
position: absolute;
top: 5px;
right: 5px;
}
.cover_list li .cover_options:hover {
background-position: center center;
}
.cover_list li .cover_options.active {
background-position: center bottom;
display: block;
}
/* Modal Dialog */
.ZebraDialog {
width: 350px;
}
.ZebraDialog,
.ZebraDialog .ZebraDialog_Title,
.ZebraDialog .ZebraDialog_Body,
.ZebraDialog .ZebraDialog_Buttons a {
margin: 0;
padding: 0;
font-family: Helvetica, Tahoma, Arial, sans-serif;
font-size: 14px;
text-align: left;
}
.ZebraDialog .ZebraDialog_Title,
.ZebraDialog .ZebraDialog_BodyOuter,
.ZebraDialog .ZebraDialog_Buttons {
border-color: #13252F;
border-width: 7px;
}
.ZebraDialog .ZebraDialog_Title {
font-size: 16px;
font-weight: bold;
color: #F6F5F5;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background: #444444;
padding: 12px 15px;
}
/* set background color here and not on ZebraDialog_Body, or you'll eventually run into problems with rounded corners
when using smaller widths for border! */
.ZebraDialog .ZebraDialog_BodyOuter {
background: #E7EDEF;
}
.ZebraDialog .ZebraDialog_Body {
color: #44484A;
padding: 20px;
border-top-color: #000;
border-bottom-color: #FFF;
}
.ZebraDialog .ZebraDialog_Buttons {
background: #E7EDEF;
padding: 10px 5px 10px 10px;
}
.ZebraDialog .ZebraDialog_Buttons a {
font-weight: bold;
color: #FFF;
text-shadow: 1px 0px 2px #222;
padding: 10px 15px;
}
.ZebraDialog .ZebraDialog_Buttons a:hover {
background: #224467;
color: #FFF
}
.ZebraDialogOverlay {
background: #666;
}
/* = YOU SHOULD NOT CHANGE ANYTHING FROM THIS POINT ON
---------------------------------------------------------------------------------------------------------------------*/
.ZebraDialog {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.ZebraDialog .ZebraDialog_Title {
border-left-style: solid;
border-top-style: solid;
border-right-style: solid;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.ZebraDialog .ZebraDialog_BodyOuter {
border-left-style: solid;
border-right-style: solid;
}
.ZebraDialog .ZebraDialog_NoTitle {
border-top-style: solid;
-webkit-border-top-left-radius: 10px;
-moz-border-top-left-radius: 10px;
border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-top-right-radius: 10px;
border-top-right-radius: 10px;
}
.ZebraDialog .ZebraDialog_NoButtons {
border-bottom-style: solid;
-webkit-border-bottom-left-radius: 10px;
-moz-border-bottom-left-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.ZebraDialog .ZebraDialog_Body {
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 2px;
border-bottom-style: groove;
overflow: auto;
}
.ZebraDialog .ZebraDialog_NoTitle .ZebraDialog_Body {
border-top: none;
}
.ZebraDialog .ZebraDialog_NoButtons .ZebraDialog_Body {
border-bottom: none;
}
.ZebraDialog .ZebraDialog_Icon {
background-repeat: no-repeat;
background-position: 20px 20px;
padding-left: 88px;
min-height: 48px;
_height: 85px;
}
.ZebraDialog .ZebraDialog_Confirmation { background-image: url('../../../gr/sys/icons/zebra/confirmation.png') }
.ZebraDialog .ZebraDialog_Error { background-image: url('../../../gr/sys/icons/zebra/error.png') }
.ZebraDialog .ZebraDialog_Information { background-image: url('../../../gr/sys/icons/zebra/information.png') }
.ZebraDialog .ZebraDialog_Question { background-image: url('../../../gr/sys/icons/zebra/question.png') }
.ZebraDialog .ZebraDialog_Warning { background-image: url('../../../gr/sys/icons/zebra/warning.png') }
.ZebraDialog .ZebraDialog_Buttons {
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
.ZebraDialog .ZebraDialog_Buttons a {
white-space: nowrap;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
float: right;
margin-right: 5px;
min-width: 60px;
_width: 60px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/* taken from Twitter Bootstrap */
background-color: #006DCC;
*background-color: #0044CC;
background-image: -moz-linear-gradient(top, #0088CC, #0044CC);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088CC), to(#0044CC));
background-image: -webkit-linear-gradient(top, #0088CC, #0044CC);
background-image: -o-linear-gradient(top, #0088CC, #0044CC);
background-image: linear-gradient(to bottom, #0088CC, #0044CC);
background-repeat: repeat-x;
border-color: #0044CC #0044CC #002A80;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0044CC', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.ZebraDialog .ZebraDialog_Preloader {
height: 32px;
background: url('../../../gr/sys/icons/zebra/preloader.gif') no-repeat center center;
}
/** login box **/
.login_outter_container {
background: url('../../../gr/black-transparent.png');
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
display: none;
}
.login_outter_container .login_box {
margin: 50px auto;
width: 342px;
background: #fff;
box-shadow: 0px 0px 10px #000;
border-radius: 5px;
position: relative;
}
.login_box ul.login_tabs {
border-bottom: 1px #c6c6c6 solid;
padding: 15px 10px 0 10px;
}
.login_box ul.login_tabs li {
float: left;
}
.login_box ul.login_tabs li a {
padding: 10px;
display: block;
font-weight: bold;
font-size: 14px;
color: #000;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin: 0 4px 0 0;
}
.login_box ul.login_tabs li a:hover {
background: #f2f2f2;
}
.login_box ul.login_tabs li a.active {
border: 1px #c6c6c6 solid;
border-bottom: 0px;
margin-bottom: -1px;
background: #fff;
color: #175673;
}
.login_box .login_content {
padding: 5px 12px 12px 12px;
}
.login_box .login_label {
margin: 10px 0 0 0;
color: #5a5a5a;
}
.login_box .login_label_info, .login_box a.login_label_link {
font-size: 11px;
margin: 4px 0 0 0;
display: block;
}
.login_box .login_label_info {
color: #999999;
}
.login_box label {
width: 266px;
display: block;
}
.login_box .login_close {
width: 27px;
height: 27px;
background: url('../../../gr/sys/icons/overlay_close_icon.png') no-repeat left top;
display: block;
position: absolute;
right: -13px;
top: -13px;
}
.login_box .login_close:hover {
background-position: left bottom;
}
.login_box input[type=checkbox] {
vertical-align: middle;
margin: 0 7px 0 0;
}
.login_box input[type=text], .login_box input[type=password] {
-webkit-box-shadow:inset 0 0 3px #dfdfdf;
-moz-box-shadow:inset 0 0 3px #dfdfdf;
box-shadow:inset 0 0 3px #dfdfdf;
background: transparent;
border-radius: 4px;
padding: 7px;
border: 1px #b4b4b4 solid;
width: 302px;
margin: 5px 0 0 0;
}
.login_box .login_error {
background: #ffe4e4;
padding: 8px;
border: 1px #f77979 solid;
border-radius: 5px;
margin: 10px 0;
display: none;
}
.login_box #login_recaptcha_div {
margin: 5px 0 0 0;
}
.login_box input[type=text]:focus, .login_box input[type=password]:focus {
border-color: #175673;
}
.login_box input[type=submit], .login_box label {
margin: 15px 0 0 0;
}
/* Releases */
.releases_list li {
border-bottom: 1px #cfdde6 solid;
}
.releases_list li a,
.releases_list span.release-selected {
display: block;
padding: 5px 10px;
}
.releases_list span.release-selected {
font-weight: bold;
color: #000;
}
/* Extended Search */
.search_extended_col {
width: 28%;
margin-right: 8%;
float: left;
}
div.last-col {
margin-right: 0 !important;
}
.search_extended_col .search_option {
margin: 0 0 15px 0;
}
.search_extended_col .search_option label {
display: block;
font-weight: bold;
margin: 0 0 3px 0;
}
.search_extended_col .search_option > .box_option {
width: 45%;
margin-right: 10%;
float: left;
}
.search_extended_col .search_option > input,
.search_extended_col .search_option > ul.token-input-list,
.search_extended_col .search_option .chosen-container,
span.customSelect {
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:1px solid #ddd;
background: #fff;
font:12px sans-serif;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px 2px;
color:#555;
}
.search_extended_col .search_option > ul.token-input-list li input,
.search_extended_col .search_option > input,
span.customSelect {
padding:7px 9px;
}
span.customSelect {
background: #fff url(../../../gr/custom_select.png) right center no-repeat;
}
.customSelect.customSelectHover,
.search_extended_col .search_option > input:hover,
.search_extended_col .search_option > ul.token-input-list:hover,
.search_extended_col .search_option .chosen-container:hover {
border-color:#c7c7c7;
}
.customSelect.customSelectFocus,
.search_extended_col .search_option > input:focus {
border-color:Orange;
}
.customSelect.customSelectOpen {
border-color:OliveDrab;
}
.customSelect.customSelectChanged {
-webkit-animation: changed 0.5s;
-moz-animation: changed 0.5s;
-ms-animation: changed 0.5s;
animation: changed 0.5s;
}