@charset "utf-8";
/* CSS Document */

#kid {
    padding:10px;
    background-image: url(/files/images/graphics/baby-small.png);
    background-position: bottom left;
    background-repeat:no-repeat;
}

#joinconversation {
    background-image:url(/resource/img/more-left-bg.gif);
    background-position:left top;
    background-repeat:no-repeat;
    clear:both;
    color:#FFFFFF;
    float:left;
    height:23px;
    margin-top:5px;
    margin-left:48px;
}

#joinconversation span {
    background: url(/resource/img/more-right-bg.gif);
    background-repeat: no-repeat;
    background-position: top right;
    float: left;
    padding: 0 14px;
    color: #FFF;
    height: 23px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
}

#paddingmsshare{
    background: #FFFFFF url(/files/images/graphics/wallppr-sm.jpg) repeat scroll 0 0;
    padding: 0px; 
}

/* Member stories teasers */

.gray-bordered {
    background: none;
    background-image: url(/resource/img/block-gray-bordered-bottom-bg.gif);	
    padding: 0 0 9px 0;
    background-position: bottom left;
    background-repeat: no-repeat;
    position: relative;
    margin: 0 -5px 10px -5px;
}

.gray-bordered .inner-content {
    padding: 15px 15px 0px 15px;
    background: none;
    background-image: url(/resource/img/block-gray-bordered-top-bg.gif);
    background-position: top left;
    background-repeat: no-repeat;
    padding-bottom: 50px;
}

.gray-bordered .more {
    float: left;
    clear: none;
    margin-top: 25px;
    margin-right: 7px;
}

.gray-bordered .author strong {
    padding-bottom: 4px;
}

.gray-bordered h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 20px;
    color: #015680;
    line-height: 41px;
    padding-bottom: 5px;
}

.gray-bordered h2 img {
    vertical-align: middle;
    margin-right: 7px;
}

/* this is no longer used */
.gray-bordered blockquote {
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
}

.gray-bordered .mrstory-body {
    font-size: 16px;
    line-height: 21px;
    font-weight: normal;
    font-style: italic; 
    width: 600px;
    color:#015680;
}

.mrstory-body img {
    border: 10px solid white !important;
    margin-bottom: 20px;
}

.author {
    clear:both;
    color:#015680;
    float:right;
    font-size:13px;
    font-style:italic;
    font-weight:bold;
    line-height:17px;
    /*padding-top:10px;*/
    width:175px;
}

.author strong {
    display: block;
    color: #c70100;
    font-size: 14px;
}

.link_bar {
    position: relative;
    bottom: 10px;
}

/* Featured member stories block */

#block-views-memberstories_excerpts .view-memberstories-excerpts .view-content UL {
    background-image: none;
    padding: 0;
}

#block-views-memberstories_excerpts .view-memberstories-excerpts .view-content LI {
    background-image: none;
    height: auto;
    margin: 1em 0;
    padding: 0;
}

#block-views-memberstories_excerpts h2.title {
    background: transparent url(/resource/img/talking-about-childcare-and-early-learning.gif) top left no-repeat;
    width: 245px;
    height: 36px;
}

#block-views-memberstories_excerpts h2.title span { display: block; width: 1px; height: 1px; overflow: hidden; text-indent: -5000px; }

#block-views-memberstories_excerpts .mr-story-excerpt P {
    color: #015680;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    font-style: italic;
    line-height: 17px;
}

#block-views-memberstories_excerpts .mr-story-name {
    color: #C70100;
    font-weight: bold;
    font-style: italic;
    margin-left: 100px;
}

#block-views-memberstories_excerpts .mr-story-state P {
    color: #015680;
    font-style: italic;
    font-size: 13px;
    line-height: 13px;
    margin-left: 100px;
    padding: 0 0 0 1em; 
}
/* Copy styles Todd Kamin for production class weirdness 10/16/2009 */
#block-views-memberstories_excerpts .view-data-node-data-field-mr-story-excerpt-field-mr-story-excerpt-value {
    color: #015680;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;  
    font-style: italic;
    line-height: 17px;
}
#block-views-memberstories_excerpts .view-data-node-data-field-first-name-field-first-name-value {
    color: #C70100;
    font-weight: bold;
    font-style: italic;
    margin-left: 100px;
}
#block-views-memberstories_excerpts .view-data-node-data-field-state-field-state-value {
    color: #015680;
    font-style: italic;
    font-size: 13px;
    line-height: 13px;
    margin-left: 100px;
    padding: 0 0 0 1em; 
}
/* End copy styles */


#block-views-memberstories_excerpts .bluebutton {
    margin-top: 10px;
    margin-left: 70px;
}

/* Share member stories block */

#block-views-memberstories_share {
    margin-top: 2em;
    background-color: #96c8e8;
    background-image: none;
    padding: 10px;
}

#block-views-memberstories_share h2.title {
    color: #C70100;
    font-weight: bold;
    padding-bottom: 10px;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 20px;
    text-align: center;
}

#block-views-memberstories_share .view-header {
    float: left;
    width: 300px;
    font-size: 20px;
    line-height: 27px;
    color: #02527B;
    text-align: center;
}

#block-views-memberstories_share .view-header a.more {
    margin: 1em 0 0 35px;
}

#block-views-memberstories_share .view-header a.more SPAN {
    width: 200px;
    font-size: 16px;
    padding-bottom: 6px;
}

#block-views-memberstories_share .view-content {
    margin-left: 310px;
}

#block-views-memberstories_share .view-content UL { padding: 0; }
#block-views-memberstories_share .view-content UL LI { margin-bottom: 1em; }

#block-views-memberstories_share .mr-story-excerpt P {
    color: #015680;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    line-height: 17px;
}

#block-views-memberstories_share .mr-story-name {
    color: #C70100;
    font-weight: bold;
    font-style: italic;
    margin-left: 75px;
}

#block-views-memberstories_share .mr-story-state P {
    color: #015680;
    font-style: italic;
    font-size: 13px;
    line-height: 13px;
    margin-left: 75px;
    padding: 0 0 0 1em; 
}


/* Resources page */

UL.resources {
    margin: 0;
}

UL.resources LI {
    margin: 1em 0 1em 0;
    padding: 0 0 0 40px;
    color: #005680;
    font-size: 18px;
    font-weight: bold;
    background: transparent url(/resource/img/abc-small.gif) top left no-repeat;
}

UL.resources LI A {
    display: block;
    font-size: 12px;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}

UL.resources LI UL LI {
    font-size: 16px;
    background-image: none;
}

.node-add-mrstory {
    clear: both;
}

.node-add-mrstory .help P {
    color: #005783;
    font-size: 16px;
    line-height: 21px;
    padding-bottom: 19px;
    border-bottom: 2px solid #CDE8F4;
}

.node-add-mrstory #node-form .form-item {
    margin: 0.5em 0;
    width: 300px;
}

.node-add-mrstory #node-form #field-zip-code {
    margin-bottom: 7px;
}

.node-add-mrstory #node-form #field-zip-code .s-label {
    float: left;
    margin: 0 5px;
    width: 40px;
}

.node-add-mrstory #node-form #field-zip-code input {
    float: left;
    width: 85px;
}

.node-add-mrstory #node-form .form-item .tiny {
    font-size: 9px;
    float: right;
    margin: -10px 10px 0 0;
}

.node-add-mrstory #node-form .form-text {
    width: 190px;
}

.node-add-mrstory #node-form .dropdown_select {
    position: relative;
    width: 50px;
    height: 17px;
    background-color: lightblue;
    float: left;
}

.node-add-mrstory #node-form .dropdown_select input {
    cursor: pointer;
}

.node-add-mrstory #node-form #state_selected {
    background: white url(/resource/img/story/drop-down.gif) no-repeat center right;
    padding: 6px 20px 6px 10px;
    width: 30px;
    margin: 0;
}

.node-add-mrstory #node-form #topic_selected {
    background: white url(/resource/img/story/drop-down.gif) no-repeat center right;
    padding: 6px 20px 6px 10px;
    width: 120px;
    margin: 0;
}

ul.story-dropdown {
    border: none;
    padding: 5px;
    height: 200px;
    overflow: auto;
    background-color: white;;
    width: 50px;
    z-index:9999;
    position: relative;
    border: 2px solid #AAD2EB;
}

ul.story-dropdown li {
    z-index: 9999;
}

ul.story-dropdown li:hover {
    background-color: darkblue;
    color: white;
    cursor: pointer;
}

.node-add-mrstory #node-form .s-label {
    font-weight:bold;
    float: left;
    color: #005783;
    font-family: Arial,"Times New Roman",Times,serif;
    font-size: 12px;
    line-height: 17px;
    vertical-align: middle;
    padding-bottom: 2px;
    padding: 6px 3px 6px 0;
    width: 80px;
    text-align: right;
 }

.node-add-mrstory #node-form .tag-label {
    font-weight:bold;
    float: left;
    color: #005783;
    font-family: Arial,"Times New Roman",Times,serif;
    font-size: 12px;
    line-height: 17px;
    vertical-align: middle;
    padding-bottom: 2px;
    padding: 6px 3px 6px 0;
 }

.node-add-mrstory #node-form INPUT, .node-add-mrstory #node-form TEXTAREA, .node-add-mrstory #node-form SELECT {
    border: none;
    color: #015682;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    line-height: 15px;
    padding: 6px 10px;
    background-color: white;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

/* try to remove ugly checkbox borders from IE */
#node-form input.form-checkbox { 
    padding: 0px; 
    border: none; 
    width: 15px;
    height: 15px;
}

.node-add-mrstory #node-form INPUT:focus, .node-add-mrstory #node-form TEXTAREA:focus {
    background-color: #eef;
}

.node-add-mrstory #node-form UL.tips { display: none; /* Hides input format help text. The better option here is to disable the display of this text, but that's only achievable in D5 with a custom module, which is way too much overhead. In D6 there's the excellent better_formats.module which gives additional permissions such as this. */ }

.node-add-mrstory #node-form #edit-field-mr-taxonomy-tid-wrapper LABEL {
    color: #A8A8A8;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.node-add-mrstory #node-form #edit-preview {
    height: 35px;
    width: 148px;
    color: #fff;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    background-color: #999;
    font-size: 1.2em;
    border: none;
}

.node-add-mrstory #node-form #edit-submit {
    height: 35px;
    width: 148px;
    color: #fff;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    background-color: #c70100;
    font-size: 1.2em;
    border: none;
    margin-left: 1em;
}

.node-add-mrstory #node-form #edit-submit:focus, .node-add-mrstory #node-form #edit-submit:hover, .node-add-mrstory #node-form #edit-preview:hover, .node-add-mrstory #node-form #edit-preview:focus { text-decoration: underline; }

.toc { margin-top: 2em; }
.toc A { font-family: inherit !important; }

/* Front page slideshow */

#content-top #block-views-slideshow_natl .view-content,
#content-top #block-views-slideshow_wa .view-content {
    width: 420px;
    margin: 0 auto;
    height: 285px; /* the images are variable heights, so until we can get imagecache working to scale and crop things, we set a height here to keep content below from jumping up and down */
}

#content-top #block-views-slideshow_natl .view-header {
    margin-bottom: 1em;
}

#content-top #block-views-slideshow_natl .view-footer {
    color: #015E8C;
}

/* Sidebar elements */

.nobg, .nobg .block-content { /* moved from below & altered; this removes the white background and curved top/btm from elements */
    background-color: transparent !important;
    background-image: none !important;
}

.mr-resources-block { /* moved from below & altered */
    margin-top: 45px !important; 
}

.main .sidebar .mr-videos-block { /* ".main .sidebar" needed for css specificity */
    margin-bottom: 1em;
}

.main .sidebar .mr-videos-block .block-content { /* allows space for "more" link */
    padding-bottom: 35px;
}

.main .sidebar .mr-action-block .block-content { /* allows space for "more" link */
    padding-bottom: 35px;
}

.listsignup #field_email {
    display: block;
    float: left;
    margin: 5px 0;
}

.listsignup #signup {
    margin-top: 5px;
    padding-left: 0.5em;
}

.mr-videos-block h2.title {
    width: 82px;
    height: 27px;
    background-image: url(/resource/img/h1-videos.gif);
    margin-bottom: 0.75em;
}

.mr-videos-block h2.title span {
    display: block;
    position: absolute;
    overflow: hidden;
    top: -5000em;
}

.mr-videos-block .thickbox h2.title {
    width: auto;
    height: auto;
    background-image: none;
    margin-bottom: 0;
    float: right;
    width: 130px;
    font-size: 1em;
    color: #3399FF;
    line-height: 1;
}

.mr-videos-block .thickbox IMG {
    /* this is clearly a bad solution. for some reason the embedded video isn't respecting the display: image thumbnail setting in the content type, which is set to 120x90. will need to look into further */
    width: 120px;
    height: 90px;
}

/* Main content elements */

.section-share {
    margin-bottom: 1em;
}

.main .content .blue-bordered .block-content {
    background-image: url(/resource/img/block-blue-bordered-bottom-bg.gif);
    background-position: left bottom;
    padding-bottom: 20px;
}

.main .section-share .block-content {
    background-position: bottom;
    background-repeat: no-repeat;
}

.main .section-blog .block-content {
    padding-bottom: 55px;
    margin-bottom: 3em;
}

#block-views-memberstories {
    background-color: transparent;
}

#block-views-memberstories .block-content {
    background-position: bottom left;
    background-repeat: no-repeat;
    padding: 20px;
    background-image: url(/resource/img/block-sidebar-blue-bordered-bottom-bg.gif);		
}

/* response_share block */

#response_share {
    background-color: #96c8e8;
    background-image: none;
    padding: 10px;
}

#response_share h2.title {
    color: #C70100;
    font-weight: bold;
    padding-bottom: 10px;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 20px;
    text-align: center;
}

#response_share .view-header {
    color:#02527B;
    float:left;
    font-size:12px;
    line-height:12px;
    width:300px;
}

#response_share .view-header a.more {
    margin: 1em 0 0 35px;
}

#response_share .view-header a.more SPAN {
    width: 200px;
    font-size: 16px;
    padding-bottom: 6px;
}

#response_share .view-content {
    margin-left: 310px;
}

#response_sharee .view-content UL { padding: 0; }
#response_sharee .view-content UL LI { margin-bottom: 1em; }

#response_share .mr-story-excerpt P {
    color: #015680;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    line-height: 17px;
}

#response_share .mr-story-name {
    color: #C70100;
    font-weight: bold;
    font-style: italic;
    margin-left: 75px;
}

#response_share .mr-story-state P {
    color: #015680;
    font-style: italic;
    font-size: 13px;
    line-height: 13px;
    margin-left: 75px;
    padding: 0 0 0 1em; 
}

#response_share .block-content  {
    background-image:none;
}

#response_share .form-item label {
    padding-bottom:3px;
}

#response_share #kid  {
    background-image:url("/files/images/graphics/baby-small-right.png");
    background-position:right bottom;
    background-repeat:no-repeat;
    padding:10px;

}

.story_content {
    background-color: white;
    padding: 20px;
    margin-bottom: 30px;
    width: 960px;
}

.story_submit_block {
    width: 790px;
    background: #aad2eb url(/resource/img/story/submit-top-bg.gif) no-repeat top left;
    margin: 50px;
    padding: 20px;
}

.story_submit_block form-textarea {
    width: 200px;
}

.story_submit_block #right-col {
    float: right;
    width: 460px;
}

.story_submit_block #right-col .right-col-input {
    clear:left; 
    height: auto;
}

.story_submit_block #right-col .right-col-input .preview {
    background: url(/resource/img/story/btn-preview.png) no-repeat top left;
    margin: 20px 0 0 90px;
    width: 200px;
    height: 40px;
    cursor: pointer;
}
.story_submit_block #right-col .right-col-input .preview.momsvote {
  background-image: url(/resource/img/story/btn-preview-momsvote.png);
}

.story_submit_block #right-col .right-col-input .preview:hover {
    background: url(/resource/img/story/btn-preview-hover.png) no-repeat top left;
}
.story_submit_block #right-col .right-col-input .preview.momsvote:hover  {
  background-image: url(/resource/img/story/btn-preview-hover-momsvote.png);
}

.story_submit_block #right-col .right-col-input #story_submit {
    background: url(/resource/img/story/btn-submit.png) no-repeat top left;
    margin: 10px 0 0 90px;
    width: 200px;
    height: 43px;
    cursor: pointer;
}

.story_submit_block #right-col .right-col-input #story_submit:hover {
    background: url(/resource/img/story/btn-submit-hover.png) no-repeat top left;
}

.story_submit_block #left-col {
    width: 340px;
}

.story_submit_block .section {
    font-size: 12px;
    color: #2077ac;
}

.story_submit_block .share_your_story {
    background: url(/resource/img/story/share-story.gif) no-repeat top left;
    width: 240px;
    height: 30px;
    float: left;
}
.story_submit_block .share_your_story {
    background: url(/resource/img/story/share-experience.png) no-repeat top left;
    width: 280px;
    height: 30px;
    float: left;
}
.story_submit_block .share_your_story.momsvote {
  background-image: url(/resource/img/story/share-story-title-momsvote.png);
}

.story_submit_block .story_expand {
    background: url(/resource/img/story/collapse.png) no-repeat center right;
    padding: 4px 20px 0 0;
    color: red;
    float: left;
    cursor: pointer;
}

.story_submit_block .story_expand:hover {
    background: url(/resource/img/story/collapse-hover.png) no-repeat center right;
}

.story_submit_block .story_collapse {
    background: url(/resource/img/story/expand.png) no-repeat center right;
    padding: 4px 20px 0 0;
    color: red;
    float: left;
    cursor: pointer;
}

.story_submit_block .story_collapse:hover {
    background: url(/resource/img/story/expand-hover.png) no-repeat center right;
}

.story_submit_block #number-1 {
    background: url(/resource/img/story/1-circle.png) no-repeat top left;
    padding-left: 40px;
    font-weight: bold;
    height: 40px;
    color: #2378ae;
}

.story_submit_block #number-3 {
    background: url(/resource/img/story/3-circle.png) no-repeat top left;
    padding-left: 40px;
    font-weight: bold;
    height: 40px;
    color: #2378ae;
}
.story_submit_block #number-4 {
    background: url(/resource/img/story/4-circle.png) no-repeat 0 18px;
    padding-left: 40px;
    font-weight: bold;
    height: 40px;
    color: #2378ae;
    clear:both;
    padding-top:20px;
}

.story_submit_block #number-2 {
    background: url(/resource/img/story/2-circle.png) no-repeat top left;
    padding-left: 40px;
    font-weight: bold;
    height: 40px;
    color: #2378ae;
}

.story_submit_block .checkbox_label {
    width: 240px;
    margin: 4px 0 0 10px;
    display: block;
    font-size: 12px;
    font-family: Arial;
    color: #005783;
    font-weight: bold;
    line-height: 12px;
    float: left;
}

#submit_disclaimer {
    padding: 10px 0 0 90px;
    display: block;
    font-size: 12px;
    font-family: Arial;
    color: #2378ae;
    font-style: italic;
    line-height: 14px;
    clear: both;
}

.story_submit_block .story-checkbox {
    float: left;
    clear: left;
    margin: 0 0 10px 30px;
}

.story_submit_block .form-item.item {
  clear:left;
  float:left;
  width:300px;
  margin:10px 0;
  position:relative;
}
.story_submit_block .form-item.item .s-label {
  position:absolute;
}
.form-nested-item {
  clear:left;
}
.form-item.item .form-nested-item {
  width:217px;
  clear:none;
  margin:5px 0;
  overflow:hidden;
  padding-left:83px;
}
.story_submit_block .form-nested-item .s-label {
  position:relative !important;
  display:inline-block;
  width:auto !important;
  vertical-align:middle;
}
.story_submit_block .form-nested-item input {
  display:inline-block !important;
  width:140px !important;
  vertical-align:middle;
}
.story_submit_block .form-item .story-checkbox {
  width:217px;
  clear:none;
  margin:5px 0;
  overflow:hidden;
  padding-left:83px;
}
.story_submit_block .form-item .story-checkbox .checkbox_label { 
  width:182px;
}

.story_submit_block .faux_checkbox {
    background: url(/resource/img/story/faux_checkbox.gif) no-repeat center center;
    width: 25px;
    height: 25px;
    cursor: pointer;
    float: left;
}

.story_submit_block .share_checkbox {
    width: 50px;
    margin: -4px 0 0 4px;
    cursor: pointer;
    float: left;
}

.story_submit_block .faux_checkbox_checked {
    background: url(/resource/img/story/faux_checkbox_checked.gif) no-repeat center center;
}

.story_submit_block span.description {
    color: #2378ae;
    font-style: italic;
    padding-bottom: 10px;
}

.story_submit_block .checkbox_input {
    border: none;
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

#submit_bottom {
    clear: both;
    margin: 40px -20px -20px -20px;
    background: url(/resource/img/story/submit-bottom-bg.gif) no-repeat top left;
    width: 830px;
    height: 20px;
}
 
.story_submit_block #field-mr-legal {
    clear: left;
    margin: 10px 0 0 86px;
    padding: 10px;
    background-color: #bcdbef;
    width: auto;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

.story_submit_block .legal_label {
    display: block;
    font-size: 12px;
    font-family: Arial;
    color: #005783;
    font-weight: bold;
}

.story_submit_block #add_more_photos {
    float: left;
    font-size: 10px;
    font-weight: normal;
    line-height: 11px;
    width: 70px;
    padding-left: 5px;
}

.story_submit_block #how_to_embed {
    color: #005783;
    float: left;
    font-size: 10px;
    font-weight: normal;
    line-height: 11px;
    width: 70px;
    padding-left: 5px;
}

.story_submit_block .legal_description {
    clear: left;
    color: #2378ae;
    font-style: italic;
    font-weight: normal;
    line-height: 14px;
    font-size: 13px;
}
.story_submit_block .legal_description a {
  font-weight:normal;
}

.story_submit_block .legal_arrow {
    margin-left: -7px;
    float: left;
}

.story_submit_block #input-mr-legal {
    border: none;
    padding: 6px;
    margin: 10px 0 0 20px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

/* for fake file input cover */
.story_submit_block .faux_file_upload {
    position: absolute; 
    z-index: 1; 
    left: 0;
    margin-bottom: 6px;
}
.story_submit_block .file_upload_block { float: left; position:relative; width: 300px; }
/* Make width and height zero to hide real file input */
.node-add-mrstory #node-form .hidden_file_input { width:0; height:0; }
.faux_text_value { 
    width: 190px;
    float: left;
}
.faux_file_input { 
    background: url(/resource/img/story/btn-browse.png) no-repeat top right; 
    cursor: pointer; 
    width: 80px;
    height: 27px;
    float: right;
}
.faux_file_input:hover { 
    background: url(/resource/img/story/btn-browse-hover.png) no-repeat top right; 
}
/* Hide file input using opacity for Firefox */
@-moz-document url-prefix() {
    .node-add-mrstory #node-form .hidden_file_input { position:relative; z-index:2; width:auto; height:auto; opacity:0; }
    .node-add-mrstory #node-form .hidden_file_input { float: right }
    
}


ul.select_topic {
    width: 140px;
}

#story_form {
    padding: 40px 0;
}

.upload_error {
    color: red;
    width: 300px;
    float: right;
}

#select_tags select {
    width: 360px;
    padding: 4px !important;
    float: left;
}