/*-----------------------------------------------------------------------------------------------------------
GALLERY PAGE
-----------------------------------------------------------------------------------------------------------*/
/*------------------------------
STRUCTURE
------------------------------*/
#GalMainContainer { height: 373px; display: inline; overflow:hidden; width:890px; float:left; padding: 0 0 0 15px; }
#content {text-align:left; width:950px; overflow:hidden; float:left; }
#contentNavi { float:left; margin:20px 0 0 0; padding: 10px 0 0 70px; width:180px; height: 351px; background: url() no-repeat; }
#flashContainer { width: 400px; height: 351px; background: url() no-repeat; margin: 19px 0 0 0; float: left; padding: 0 0 0 30px; }
div#GalleryFlash { padding:10px 0 0;text-align:center; }
.Gallery_SearchControl { width: 135px; margin: 0; float: left; }

#contentNavi span { display: block; overflow:hidden; margin: 0 0 10px 0; }

/* -----------------------------
IMAGES
------------------------------*/
.containerImage { float: left;}
.searchImage { padding: 0 0 0 20px; }
.Gallery_SearchButtonImage { padding: 0 0 0 6px; display: block; }
.Gallery_SearchButtonImageLower { padding: 0 0 0 4px; }
.GalleryError { font-family: verdana, lucida, arial, helvetica, sans-serif; font-size: 12px; color: #ff0000; font-weight: bold; } /* Used for highlighting errors in upload.aspx */
#votePopupContainer { width: 395px; height: 249px; background: url(); font-family: verdana, lucida, arial, helvetica, sans-serif; font-size: 12px; color: #ff0000; font-weight: bold; }

/*------------------------------
HEADERS/PARAGRAPHS
------------------------------*/
#contentNavi h4 { color:#0187AD;font-size:14px;padding:0 0 10px; }
#contentNavi h5 { margin: 0 0 2px 0; color: #0187AD; font: normal 100%/1.25 arial; font-weight: bold; }
#upperTextarea h3 { color: #0187AD; font-family: Arial; font-weight: bold; font-size: 125%; padding: 5px 0 0 140px; }
#upperTextarea p { font-family: Arial; font-size: 108%; padding: 3px 0 0 140px; color: #0187AD; }

#contentNavi select { width: 175px; margin: 0 3px 0 0; float: left; }
#contentNavi ul { float: left; margin: 15px 0 0 0; padding: 0; }
#contentNavi li { width: 160px; min-height: 20px;height: auto !important; height:20px; margin: 0 0 5px 0; list-style-type: none; background: url() top right no-repeat; }
#contentNavi input { font-size: 70%; }
#votePopupContainerContent { width: 130px; position: absolute; top: 25px; left: 219px; font-family: arial; font-size: 12px; line-height:18px; text-align:center; }

/*------------------------------
LINKS
------------------------------*/
#contentNavi select { width: 138px; margin: 0 3px 0 0; float: left; }
#contentNavi a, #contentNavi a:visited, #contentNavi a:hover, #contentNavi a:active { width: 135px; display: block; color: #0187AD; text-decoration: none; }
#votePopupContainer a { color: #000; }
#contentNavi a.linkArrow, #contentNavi a.linkArrow:visited, #contentNavi a.linkArrow:hover, #contentNavi a.linkArrow:active { display: inline; }

/*------------------------------
STRUCTURE
------------------------------*/
/*------------------------------
HEADERS/PARAGRAPHS
------------------------------*/
#UPcontent p { text-align: left; clear: both; padding: 0 0 10px 0; }
#UPcontent { margin:0 auto;width:500px;}
#UPcontent label { width: 270px; color: #0187AD; text-align: left; float: left; font-weight: bold; }
#UPcontent input, #UPcontent textarea, #UPcontent select { width: 220px; margin: 0 0 10px 0; float: right; }
#UPcontent .creationName, #UPcontent textarea { width: 216px; }
#UPcontent .submitBtn { font-weight: bold; background: url() no-repeat; border:none;clear:both;color:#000;cursor:pointer;float:left;height:31px;margin:10px 0 0 200px;width:120px; }
#UPcontent h4 { margin: 20px 0 25px 0; color:#0187AD; }
#UPcontent label.rightLabel { width: 216px; padding: 0 0 10px 10px; }
p#UPrules { width: 400px; height: 350px; overflow: auto; color: #0187AD; margin: 35px 0 40px 75px; float: left;}
.uploadButton { float: left; }
.uploadHeader { text-align: center; padding: 15px 0 30px; }

.ExplanationText { font: normal 70%/1.25 arial; }

/*------------------------------
GALLERY OUTDATED MESSAGE
------------------------------*/
#outdatedMessage{background: url() no-repeat;text-align:center;width:600px;height:275px;display:none; position: relative;} 
#outdatedMessage a.closeOverlay { background: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/picABE0314E58BEB6C3AC07E2F3ADFA63BD.png) no-repeat;text-align:center;width:22px;height:22px;position: absolute; top: -8px; right: -5px;display:block; }
#outdatedMessage p{padding:0 100px 45px;font:81.3%/1.25 Arial,helvetica,Verdana,lucida,sans-serif;color:#FFF;}
#outdatedMessage h4{color:red;font-size:170%;padding:50px 0 20px;}
#outdatedMessage a{font-weight:bold;font: 81.3%/1.25 Arial,helvetica,Verdana,lucida,sans-serif;}
#leftButton { width: 260px; float: left; padding: 0 0 0 40px; }
#rightButton { width: 260px; float: right; padding: 0 0 0 40px; }

/*-----------------------------
COMMON BLUE BUTTON USED ACROSS SEVERAL FULL SITE PAGES
-----------------------------*/
.blueButton {float: left; clear:both; display: block;  }
.blueContentButton li span { color: #FFF; height: 28px; margin: -7px 0 0 -19px; display: block; background-image: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic18AE41AD5EC2639EFD713BC5E9E88E17.png); background-position: left 0; background-repeat: no-repeat; float: left; font-size: 118%; font-weight: bold; }
.blueContentButton li a { padding: 7px 20px 0 0; margin: 0 8px 0 0; text-decoration: none; color: #9E9FA3; background-position: right 0; background-repeat: no-repeat; float: left; }
.blueButton a { background-image: url(http://cache.lego.com/upload/contentTemplating/StarWars2Dictionary/images/pic97E7B0358991FB75FE583E7FA6A6B90E.png); }
.blueContentButton .blueButton span { padding: 5px 0 0 27px; }
