/* styles for the sitemast and main navigations
---------------------------------------------------------------*/
.pre-grid {
  margin: 0 auto;
  padding: 5px 0 5px;
  width: 980px;
}

.pre-grid div.facebook-info {
  color: #fff;
  height: 30px;
  padding: 0 0 0 7px;
  width: 645px;
}

.pre-grid div.facebook-info #user-link {
  float: left;
  padding-right: 8px;
  height: 25px;
  width: 25px;
}

.pre-grid div.facebook-info div {
  float: left;
  padding: 4px 0 0;
}

.pre-grid div.facebook-info a img {
  vertical-align: middle;
}

.pre-grid p img {
  position: absolute;
}

.pre-grid ul li, .pre-grid ul li a {
  float:left;
}

.pre-grid #link-facebook {
  color: #fff;
}

.pre-grid #link-facebook:hover {
  text-decoration: none;
}

.pre-grid ul.login-options {
  float: right;
}

.pre-grid ul.login-options li a {
  margin: 0 9px;
}

.pre-grid ul.login-options li {
  color:#A7B1FF;
}

.pre-grid ul li a {
  color: #a7b1ff;
}

.groups .pre-grid ul.login-options li a {
  font-weight: normal;
}

.sitemast {
  height: 64px;
  width: 100%;
  z-index:10000;
}

.sitemast .logo-bar{
    width: 170px;
    float: left;
    line-height:1.0;
}
.sitemast a.logo {
  outline: none;
  padding: 0px 0 0 0;
}

.sitemast a.logo img{
    padding-top: 7px;
}

/*
.sitemast ul.main-nav {
  float: left;
  padding: 0;
  margin: 17px 0 0 10px;
  display:block;
  
}

.sitemast ul.main-nav li {
  color: #d1ff7b;
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.2;
  /*margin: 0 4px;*/
  /*margin: 0 2px;
  padding: 0 4px;
  text-align: center;
 
} 

.sitemast ul.main-nav li.dropdown {
  padding: 0 2px;
  position: relative;
}

.sitemast ul.main-nav li a {
  display: block;
  font-weight: bold;
  height: 40px;
  padding: 6px 15px 0 8px;
 
}

.sitemast ul.main-nav li a {
  color: #d1ff7b;
  outline: none;
  text-decoration: none;
}

.sitemast ul.main-nav li span {
  font-size: 1em;
  font-weight: normal;
  padding-bottom: 10px;
}

.sitemast ul.main-nav li a:hover, .sitemast ul.main-nav li:hover {
  color: #d3e3ff;
  text-decoration: none;
  display:block;
}

.sitemast ul.main-nav li a.home {
  height: 31px;
  padding-top: 15px;
}

.sitemast ul.main-nav li.current {
  background: url(/images/main-nav-current-left.png) no-repeat left bottom;
}

.sitemast ul.main-nav li a.current {
  background: url(/images/main-nav-current-right.png) no-repeat right bottom;
  color: #000;
}

.sitemast ul.main-nav li ul {
  background: #fff;
  border: 1px solid #9FC1E7;
  border-top: 0;
  float: left;
  position: absolute;
  left: -99999px;
  min-width: 200px;
  z-index: 1;
  list-style:none;
  margin:0;
  padding:0;
}

.sitemast ul.main-nav li ul li {
  border-top: 1px solid #999;
  margin: 0;
  padding: 0;
  width: 220px;
}

.sitemast ul.main-nav li ul li:first-child {
  border: 0;
}

.sitemast ul.main-nav li ul li a {
  color: #333fa1;
  font-size: .8em;
  height: auto;
  display: block;
  padding: 5px 0;
  text-align: left;
  text-indent: 5px;
  width: 220px;
}

.sitemast ul.main-nav li ul li a:hover {
  background: url(/images/dk-blue-gradient.jpg) repeat-x 0 0;
  color: #fff;
}

.sitemast ul.main-nav li:hover ul {
  top: 45px;
  left: -1px;
}  */

/* search box styling
---------------------------------------------------------------*/
#search-box {
  background: url(/images/search-box.png) no-repeat 0 0;
  /*float: right;*/
  float:left;
  margin-top: -1px;
  height: 38px;
  width: 305px;
}

#search-box #query {
  background:url(/images/search-bg-wide.jpg) no-repeat 0 0;
  border:0;
  height:14px;
  margin:2px 0 0 13px;
  padding:8px 0 5px 25px;
  width:255px;
}

/* site breadcrumb menu
---------------------------------------------------------------*/
ul.breadcrumb {
  overflow: hidden;
  padding: 8px 0 3px;
}

ul.breadcrumb li {
  color: #000;
  float: left;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 7px;
}

ul.breadcrumb li a {
  background: url(/images/bg-icons.png) no-repeat -144px -218px;
  color: #222cf5;
  font-weight: bold;
  padding-left: 1em;
}

ul.breadcrumb li.first a {
  background: 0;
}

ul.breadcrumb li a.edit {
  background: 0;
  font-size: .8em;
  position: relative;
  top: .2em;
}

/* tips on how to use the site if the user is new
---------------------------------------------------------------*/
.site-use {
  overflow: hidden;
  width: 568px;
}

.site-use .info {
  border-left: 1px solid #9D9D9D;
  border-right: 1px solid #9D9D9D;
  padding: 0 15px;
  width: 536px;
}

.site-use .info .block {
  width: 536px;
}

.site-use .info .block .text-left {
  width: 56px;
  float:left;
  text-align:right;
  padding:14px 4px 0 0;
}

.site-use .info .block .image-right {
  width: 10px;
  float:left;
  margin-top:7px;
}

.site-use .info a {
  color: #000099;
}

.site-use .info .close {
  background: url(/images/dialog-close.jpg) no-repeat 0 2px;
  color: #fff;
  display: block;
  float: right;
  font-weight: bold;
  height: 19px;
  position: relative;
  left: 10px;
  top: -5px;
  text-align: center;
  width: 17px;
}

.site-use .info .close:hover {
  text-decoration: none;
}

.site-use .info p {
  font-size: 1.1em;
  padding: 0;
}

.site-use .info p.welcome {
  font-size: 1.4em;
}

.site-use .info p span {
  color: #3248A5;
  font-weight: bold;
}

.site-use .top {
  background: transparent url(/images/help-box-top.png) no-repeat scroll 0 0;
  height: 9px;
  width: 568px;
}

.site-use .bottom {
  background: transparent url(/images/help-box-bottom.png) no-repeat scroll 0 0;
  height: 9px;
  width: 568px;
}

/* signup page
--------------------------------------------------------------- */
.signup-form {
  float: left;
  padding: 60px 0 0 75px;
  width: 372px;
}

.signup-form p:first-child {
  font-weight :bold;
  text-align: center;
}

.fb-login {
  font-weight: bold;
  text-align: center;
}

.fb-login p {
  padding: 5px 0;
}

#signup-form {
  background: #FBFBFB none repeat scroll 0 0;
  border: 1px solid #ddd;
  float: left;
  margin: 10px 0 0 22px;
  padding: 5px 10px;
  position: relative;
  width: 310px;
}

#signup-form p {
  float: left;
  padding: 5px 0;
  width: 100%;
}

#signup-form label {
  display: block;
  float: left;
  padding-top: 5px;
  text-align: right;
  width: 90px;
}

#signup-form input.text {
  float: right;
  height: 15px;
  padding: 5px;
  width: 200px;
}


#edit-group span.archive_group_options {
  padding-top: 5px;
}

#signup-form div.error-message {
  float: left;
  margin-left: -70px;
}

#signup-form label.error {
  float: right;
  font-size: .9em;
  width: auto;
}



#login-form input {
  height: 15px;
  padding: 5px;
  width: 148px;
}

#signup-form select {
  margin-left: 8px;
  padding: 5px 0;
  width: 212px;
}

#login-form #signup-btn, #post-btn, #post-alert-btn, #smpp-post-btn {
  background: url(/images/buttons/next-step.png) no-repeat 0 0;
  border: 0;
  color: #000;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  height: 46px;
  text-indent: -20px;
  width: 182px;
}

#signup-form #signup-btn {
  background: url(/images/sm-gray-gradient.jpg) repeat-x 0 0;
  border: 1px solid #b7b7b7;
  color: #0033cc;
  font-size: 1em;
  font-weight: bold;
  height: 27px;
  margin: 0 0 0 5px;
  text-align: center;
  text-indent: 0;
  width: 60px;
}

#signup-form p.submit #signup-btn {
  float: left;
  margin-left: 98px;
}

#login-container {
  float: left;
  padding: 60px 0 0 78px;
  width: 372px;
}

#login-form {
  background: #fbfbfb;
  border: 1px solid #ddd;
  float: left;
  padding: 10px;
  position: relative;
  width: 351px;
}

#login-form p {
  clear: none;
  float: left;
  position: relative;
}

#login-form p.header {
  font-size: 1.2em;
  width: 100%;
}

#login-form label {
  display: block;
}

#login-form input[type="text"] {
  clear: none;
  float: left;
  margin-right: 5px;
}

#login-form input.login {
  width: 146px;
}

#login-form input.password {
  width: 110px;
}

#login-form #signup-btn {
  background: url(/images/sm-gray-gradient.jpg) repeat-x 0 0;
  border: 1px solid #b7b7b7;
  color: #0033cc;
  font-size: 1em;
  height: 27px;
  margin: 18px 0 0 5px;
  text-align: center;
  text-indent: 0;
  width: 60px;
}

#login-form form label.error {
  padding: 2px;
}

#login-form form label.error:first-child {
  padding-right: 58px;
}

#login-form #errors {
  float:left;
  width:100%;
}

.users_new .promo, .users_create .promo {
  padding: 15px 0 0 20px;
  *padding-top: 6px;
}

.sessions_create #login-form .error{
  padding:3px 0 3px 1px;
}

#post-btn, #post-alert-btn, #smpp-post-btn{
  background: url(/images/buttons/150x52-green-btn.png) no-repeat 0 0;
  float: right;
  font-size: 1.8em;
  height: 52px;
  margin: 0;
  text-indent: 0;
  width: 150px;
  
}

#save-template-btn, #preview-btn{
  background: url(/images/buttons/sav-temp.png) no-repeat 0 0;
  float: left;
  font-size: 1.0em;
  height: 30px;
  margin: 0;
  text-indent: 0;
  width: 160px;
  border: 0px;
  font-weight: bold;
  margin-left: 250px;
  margin-top: 0px;
}

#signup-errors{
  min-height:300px;
  padding:10px 0 0 110px;
  width:360px;
}

#signup-errors ul{
  font-size:1.4em;
  font-weight:bold;
  list-style:disc;
}

#invite-form textarea{
  float:left;
  height:78px;
  margin-bottom:5px;
  width:529px;
}

#invit-form p{
  float:left;
}

#invite-form #invite-friends{
  font-weight:bold;
}

#invite-form #import-friends{
  font-weight:bold;
}

#personal_message{
  float:left;
  height:150px;
}

.test-image{
  padding-top:10px;
}

.invite-friends{
  background:#fffce5;
  border:1px solid #f6e0b7;
  display:block;
  font-size:1.2em;
  font-weight:bold;
  padding:.85em;
  text-align:center;
  width:240px;
}

.invite_friends_div{
  float:left;
  padding:0 1.4em;
}

.invite-col-1{
  float:left;
  width:600px;
}

.invite-col-2{
  float:left;
  padding-top:35px;
}

.groups_import_csv .invite-col-2 {
  padding: 0;
}

.add-members li {
  padding-left: 10px;
}

.add-members li.no-pad {
  font-weight: bold;
  padding: 0;
}

.add-members li.no-pad-bold {
  padding: 0;
}

.add-messages {
    margin: 10px 0 5px 176px;
    font-size: 13px;
}


#invite-form, #csv-import-form{
  float: left;
  margin-bottom: 10px;
}

#invite-form input[type="radio"], #csv-import-form input[type="radio"]{
  float:left;
  margin:10px 5px 0 5px;
}

#invite-form label, #csv-import-form label {
  float: left;
  font-size: 1.6em;
  font-weight: bold;
  margin: 0 10px 0 0;
}

.invite_friends_div input{
  background:url(/images/buttons/next-step.png) no-repeat 0 0;
  border:0;
  display:block;
  font-size:1.3em;
  height:46px;
  margin:15px 0 0 31px;
  width:182px;
}

#invite-options-container{
  background: #f9f9f9;
  border: 1px solid #d5d5d5;
  float: left;
  padding: 20px 20px 0;
}

#invite-options-container a img {
  display: inline;
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 4px;
}

.groups_import_csv #invite-options-container, .groups_upload_csv #invite-options-container {
  width: 270px;
}

.groups_show_invite #invite-form #invite-members-btn{
  background:url(/images/buttons/176x45-yellow-btn.png) no-repeat 0 0;
  border:0;
  float:left;
  font-size:1.2em;
  font-weight:bold;
  height:45px;
  margin:20px 0 0 190px;
  width:176px;
}

.groups_show_invite #go-to-group{
  display:block;
  float:left;
  margin:32px 0 0 20px;
}

.groups_import_csv #go-to-group, .groups_upload_csv #go-to-group {
  background:url(/images/buttons/gray-btn.png) repeat-x 0 0;
  border:1px solid #b2b2b2;
  color:#333;
  display:block;
  float:left;
  font-size:1.1em;
  font-weight:bold;
  height:24px;
  line-height:1.9;
  position: relative;
  top: -16px;
  text-align:center;
  width:130px;
}

#go-to-group:hover {
  text-decoration: none;
}

#invite-help{
  float:left;
  padding-left:20px;
  width:300px;
}

.groups_group_invite h2{
  color:#000;
}

.groups_group_invite #invite-form .form-header{
  float:left;
}

.groups_group_invite #invite-form .form-header h2{
  padding:5px 5px 0 0;
}

.skip{
  display:block;
  font-size:1.2em;
  padding:1em 0pt;
  text-align:center;
  width:240px;
}

p.list-suggest{
  color:#6265b6;
  font-size:1.3em;
  font-weight:bold;
}

.page-end{
  display:block;
  margin:0 auto;
}

.footer{
  background: #d3e3ff url(/images/container-bottom.png) no-repeat 0 0;
  clear: both;
  /*margin-left: -1px;*/
  width: 982px;
}

.footer ul{
  padding:30px 0 10px;
  text-align:center;
}


.footer ul li {
  color: #6582c3;
  display: inline;
  line-height: 1;
  padding: 0 5px;
}

.footer ul li a{
  color:#6582c3;
  font-weight:bold;
}

.footer p{
  color:#969fb4;
  text-align:center;
}

/* topics */

#topic-quick-reg{
  background:#ecf2ff;
  border:1px solid #c3d1ee;
  float:left;
  padding:10px 0 10px 14px;
  width:160px;
}

#topic-quick-reg h2{
  color:#000;
  font-size:1.6em;
  margin:0;
}

#topic-quick-reg p{
  font-size:.9em;
}

#topic-quick-reg input[type="text"]{
  padding:3px 0 0 5px;
  width:139px;
}

#topic-quick-reg input[type="password"]{
  height:22px;
  padding:3px 0 0 5px;
  width:139px;
}

#topic-quick-reg label{
  color:#003399;
  display:block;
  padding:2px 0 2px 1px;
}

#topic-quick-reg #quick-reg-submit{
  background:#ccff33;
  border:1px solid #669933;
  font-size:1.2em;
  font-weight:bold;
  margin:10px 0 0 26px;
  padding:5px 0;
  text-align:center;
  width:92px;
}

#topic-quick-reg #quick-reg-submit:hover{
  cursor:pointer;
}

#topics-forms-holder{
  float:left;
  height:46px;
  width:756px;
}

#topics-forms-holder .background{
  background:url(/images/networks-search-bg.jpg) repeat-x scroll 0 0;
  float:left;
  height:46px;
  width:739px;
}

#topics-forms-holder .left-corner{
  background:url(/images/networks-search-lc.png) no-repeat scroll 0 0;
  float:left;
  height:46px;
  width:9px;
}

#topics-forms-holder .right-corner{
  background:url(/images/networks-search-rc.png) no-repeat scroll 0 0;
  float:left;
  height:46px;
  width:8px;
}

#topics-forms-holder form{
  float:left;
  padding:5px 0 0;
}

#topics-forms-holder #topics-find-network-form{
  padding-left:5px;
  padding-right:22px;
}

#topics-forms-holder form input[type="text"]{
  float:left;
  font-size:1.4em;
  height:25px;
  margin:2px 5px 0 0;
  padding:4px 0 0;
  text-indent:5px;
  width:280px;
  *padding-left:5px;
  *width:275px;
}

#topics-forms-holder #topics-find-network-form #topics-find-network{
  background:transparent url(../images/butons/65x31-yellow-btn.png) no-repeat scroll 0 0;
  border:0 none;
  float:left;
  font-size:1.2em;
  font-weight:bold;
  height:31px;
  margin:2px 0 0;
  width:65px;
}

#topics-forms-holder #topics-post-form #topics-post-btn{
  background:transparent url(../images/buttons/65x31-yellow-btn.png) no-repeat scroll 0 0;
  border:0 none;
  float:right;
  font-size:1.2em;
  font-weight:bold;
  height:31px;
  margin:2px 0 0;
  text-indent:-10px;
  width:65px;
  *word-spacing:10px;
}

h2#subject{
  color:#000;
  font-size:2em;
  font-weight:bold;
  margin-bottom:0;
  width:764px;
}

div.original-post{
  overflow:hidden;
  width:764px;
}

div.original-post ul{
  list-style:disc;
  list-style-position:inside;
}

div.original-post ol{
  list-style:decimal;
  list-style-position:inside;
}

h2.original-post{
  color:#000;
  float:left;
  font-size:1.4em;
  margin:1em 0 0;
  width:100%;
  *margin:0;
}

p.post-info{
  color:#1e2799;
  *margin-top:10px;
}

p.post-info span.permalink, p.post-info span.permalink a{
  font-weight:normal;
}

p.post-info a{
  color:#313AF6;
  font-weight:bold;
}

.new-post{
  padding-left:10px;
}

#send-to-groups-box{
  float:left;
}

#send-to-groups-box div.span-9{
  text-indent:10px;
}

#send-to-groups-box div.span-9:first-child{
  text-indent:3px;
}

#comments-count{
  font-weight:bold;
}

#comments-section{
  float:left;
  width:100%;
}

#comments-section ul{
  list-style:disc inside;
}

#comments-section ol{
  list-style:decimal inside;
}

#edit-comment_mce_forecolor_preview, #edit-comment_mce_backcolor_preview{
  display:none;
}

#reply-options{
  float:right;
  width:135px;
}

#reply-options p {
  margin: 0;
}

#chars-left {
  float:left;
  padding:5px 0 0 15px;
}

#comments-section div{
  border-top:1px solid #e9e9e9;
  float:left;
  padding:0;
  width:700px
}

#comments-section div:first-child{
  border:0 !important;
}

/* start a new topic styles
---------------------------------------------------------------*/
#start-topic {
  padding-top: 10px;
  padding-left: 10px;
}

.topic-header {
  background: #f0f0ee;
  border: 1px solid #bbb;
  border-bottom: 0;
  float: left;
  padding: 10px 0;
  width: 566px;
}


.topic-header * {
  float: left;
}



.topic-header option{
  float:none;
}

.topic-header p, .topic-from-div{
  padding-left:10px;
  width:540px;
}

.topic-header p.anonymous{
  clear:left;
  padding:0 0 0 65px;
}

.topic-header label.to{
  margin-top:4px;
  text-align:right;
  padding-right:5px;
  width:55px;
}

.topic-header label.from{
  text-align:right;
  width:55px;
}

.topic-header label.file{
    text-align:right;
    margin-top:9px;
}

.topic-header label.subject{
  margin-top:9px;
  width: 55px;
  text-align: right;
}

.topic-header label.template{
    margin-top:12px;
    width: 55px;
    text-align: left;
}

.new-post p.facebook{
  background:url(/images/fb-logo-small.png) no-repeat 120px 2px;
}

.new-post p.facebook input.checkbox { margin-right: 0; }

.topic-header select#topic_group_id, .topic-header select#voice_alert_group_id {
  background: #fff;
  color: #333;
  font-weight: bold;
  height: 25px;
  margin: 0 0 5px 0;
  padding: 3px 5px;
  width: 465px;
}

.topic-header select#topic_template_id {
  background: #fff;
  color: #333;
  font-weight: bold;
  height: 25px;
  margin: 9px 0 5px 5px;
  padding: 3px 5px;
  width: 380px;
}

.topic-header label.error{
  font-size:1em;
  padding-left:55px;
}

.topic-from p{
  clear:left;
}

.topic-from span{
  float:none;
  font-weight:bold;
}

.topic-from-div .email-from-div{
    float: left;
    width: 230px;
}

.edit-link-div{
    width: 30px;
}

.topic-from span.email, .topic-from span.normal{
  font-weight:normal;
}

.topic-from-div label.error{
    display:block;
    padding-left: 5px;
}

.topic-header input{
  margin:2px 5px 3px 5px;
  *margin:0 5px;
}

#topic_subject{
  float:none !important;
  font-size:1em;
  height:18px;
  margin:6px 0 0 5px;
  padding:4px 0 2px 5px;
  width:375px;
}

.web-only label{
  /*background:url(/images/web-icon.png) no-repeat 100% 65%;*/
  background:url(/images/bg-icons.png) no-repeat -38px -157px;
  display:block;
  width:128px;
  *width:105px;
}

.web-only input, .web-email input, .send-email input{
  float:left;
  margin:7px 10px 0 0;
  *margin-top:3px;
}

.web-email label{
  background:url(/images/web-email-icon.png) no-repeat 100% 65%;
  display:block;
  width:200px;
  *width:175px;
}

.send-email label{
  background:url(/images/web-email-icon.png) no-repeat 100% 65%;
  display:block;
  width:200px;
  *width:175px;
  font-size: small;
}

.topics_new #topic_body_tbl, .topics_create #topic_body_tbl{
  float:left;
  margin-bottom:10px;
  width:568px !important;
}

#topic_body_toolbar3, #body_mce_toolbar2, #body_mce_toolbar3, #edit-view-body_toolbar2, #edit-view-body_toolbar3, #edit-comment_mce_toolbar2, #edit-comment_mce_toolbar3, #comment_body_toolbar2, #comment_body_toolbar3{
  display:none;
}

.defaultSkin .mceColorPreview{
  width:16px !important;
}

.defaultSkin .mceIframeContainer{
  border-top:0 !important;
}

.topic-subject label{
  margin-left:10px;
  padding:10px 0;
}

.topics_new .topic .web-only, .topics_new .topic .web-email, .topics_create .topic .web-only, .topics_create .topic .web-email {
  float:left;
  background:url(/images/web-only-gradient.jpg) repeat-x 0 0;
  border:1px solid #ccc;
  color:#001982;
  float:left;
  font-size:1.4em;
  font-weight:bold;
  height:46px;
  padding:20px 0 0 60px;
  width:213px;
}


.topics_new .topic .not-confirmed, .topics_create .topic .not-confirmed {
  background:#ffe7e7;
  border:1px solid #eb87a1;
  color:#001982;
  /*float:right;*/
  font-size:1.0em;
  font-weight:bold;
  height:41px;
  margin-top: 0px;
  margin-left:5px;
  padding:15px 10px 10px 10px;
  text-align:center ;
  width:253px;
}

.topics_new .topic .web-email, .topics_create .topic .web-email{
  background:url(/images/web-only-gradient.jpg) repeat-x 0 0;
  border:1px solid #b9b9b9;
  margin-left:17px;
  padding-left:40px;
  width:233px;
}

.topics_new .topic .selected, .topics_create .topic .selected{
  background:url(/images/web-email-gradient.jpg) repeat-x 0 0 !important;
}

.new-post .error-message {
  color:#8a1f11;
  margin-bottom:10px;
}

#comment_body{
  background:#fff;
  border:1px solid #d1d1d1;
  float:left;
  height:110px;
  margin:0 10px 10px 0;
  overflow:auto;
  width:607px;
}

#add-comment-form, #add-comment-form p, #add-comment-form input[type="checkbox"]{
  float:left;
  padding:0;
}

#add-comment-form{
  padding-bottom:10px;
  width:100%;
}

#add-comment-form label{
  font-size:.9em;
  font-weight:normal;
}

#comment_body_tbl{
  float:left;
}

#add-comment-form #submit-btn{
  background:url(/images/buttons/green-reply-btn.png) no-repeat 0 0;
  border:0;
  color:#000;
  display:block;
  float:right;
  font-size:1.4em;
  font-weight:bold;
  height:54px;
  margin:0 12px 5px;
  text-align:center;
  width:121px;
}

p.comment-creation{
  color:#1e2799;
  float:left;
  width:100%;
}

p.comment-creation a{
  color:#313AF6;
  font-weight:bold;
}

p#edit-comment{
  clear:left;
}

#edit-view-form{
  float:left;
}

#edit-view-body_parent{
  float:left;
  margin-bottom:10px;
  width:100%;
}

.group_topics_show #edit-view-body_tbl{
  width:764px !important;
}

#edit-view-submit, #edit-view-cancel{
  float:left;
  margin-bottom:10px;
  *clear:left;
}

#edit-view-cancel{
  *margin-left:60px;
  *margin-top:-39px;
}

#topics-find-network-form{
  border-right:1px solid #fff;
  float:left;
  padding:5px 0 5px 10px;
  width:420px;
}

#topics-find-network-form input[type="text"]{
  float:left;
  font-size:1.1em;
  padding:3px 0 0 5px;
  width:206px;
}

#topics-find-network-form #topics-find-network{
  background:#a7ff00;
  float:left;
  font-size:1.1em;
  font-weight:bold;
  height:27px;
  margin-left:5px;
  padding:3px 8px;
}

#posts-groups-container{
  border:1px solid #a8b3c5;
  float:left;
  padding:5px 10px;
  width:597px;
}

#posts-groups-container div#topics-list{
  float:left;
  width:360px;
}

#posts-groups-container div#most-active, #posts-groups-container div#newest-groups{
  float:right;
  width:210px;
}

#posts-groups-container ul{
  float:left;
}

#posts-groups-container #topics-list ul li{
  border:0;
  float:left;
  font-weight:bold;
  padding:3px 0;
  width: 100%;
}

#posts-groups-container #topics-list ul li span{
  font-weight:normal;
}

#posts-groups-container p{
  padding:3px 0;
  width:200px;
}

#posts-groups-container p a{
  font-weight:bold;
}

#posts-groups-container strong{
  font-size:1.2em;
}

/* groups */

#wiki-section-container{
  border-top:1px solid #e9e9e9;
  border-bottom:1px solid #e9e9e9;
  float:left;
  margin-bottom:10px;
  padding:10px 0;
}

#wiki-section-container h2, #recent-posts-container h2, #members-div h2{
  color:#000;
  margin:0;
}

#wiki-section p{
  font-size:1.2em;
}

#recent-posts-container{
  border-bottom:1px solid #e9e9e9;
  float:left;
  margin-bottom:10px;
  padding:10px 0;
}

#recent-posts{
  float:left;
  font-size:1.1em;
  font-weight:bold;
  padding-top:5px;
}

#recent-posts tr{
  height:25px;
}

#recent-posts .subject{
  width:520px;
}

#recent-posts .post-timestamp{
  color:#565656;
  font-weight:bold;
  text-align:right;
}

#recent-posts tr td{
  border:0;
  padding-left:10px;
}

#recent-posts tr.odd{
  background:#f4f4f4;
}

#recent-posts tr.odd td.subject{
  border-right:1px solid #fff;
}

#recent-posts tr.odd td.post-timestamp{
  border-left:1px solid #d2d2d2;
}

#recent-posts-timestamp tr.even{
  background:#f4f4f4;
  border-left:1px solid #d2d2d2;
}

#recent-posts a{
  color:#232cf0;
  font-weight:bold;
}

#members-div{
  float:left;
  margin-bottom:30px;
}

#members-div div{
  float:left;
  margin:0 19px 0 0;
}

#members-div div:last-child{
  margin-right:0;
}

#members-div .member-image{
  background:#000;
  height:90px;
}

#members-div div a{
  clear:both;
  color:#6269f3;
  display:block;
}

#members-div div a.member-name{
  font-weight:bold;
}

#groups-suggestions{
  float:left;
  width:323px;
}

#groups-suggestions div{
  float:left;
}

#groups-suggestions div.individual-group{
  border-top:1px solid #e5e5e5;
  margin-bottom:10px;
  padding-top:10px;
  width:323px;
}

#groups-suggestions div.groups h3{
  margin:.5em 0;
}

#groups-suggestions div.link-container .network-name{
  width:100%;
}

#groups-suggestions div.link-container{
  width:225px;
}

#groups-suggestions div.link-container a{
  font-weight:bold;
}

#groups-suggestions div.link-container a.group-name-link{
  display:block;
}

#groups-suggestions div.link-container div a.members{
  margin-right:4px;
}

#members-div h2 a, #recent-posts-container h2 a{
  color:#2F34DC;
}

.groups a.group-name{
  color:#009;
  font-weight:bold;
  text-decoration:underline;
}

.groups a.group-name:hover{
  text-decoration:none;
}

.groups .span-2{
  background:#d3e2ff;
  border:1px solid #d1d8e8;
  height:43px;
  margin-right:10px
}

.ad-container{
  background:#fafafa;
  border:1px solid #fafafa;
  float:right;
  height:300px;
  width:362px;
}

.ad-container a{
  display:block;
  margin:0 auto;
}

.ad-container a img{
  display:block;
  margin:10px auto 0 auto;
}

.members, .view-numbers{
  color:#3a43a7;
}

.join, .view{
  color:#232CF0;
}

.groups-img-holder{
  float:left;
  padding:.5em 0;
}

.groups-img-holder img{
  float:left;
  margin-left:3px;
}

.group-info{
  float:left;
  margin:0 0 10px 3px;
}

.group-info p{
  padding:0;
}

.group-info h2{
  color:#003399;
  margin-bottom:0;
  width:90%;
}

.help-text{
  background:#fefee9 none repeat scroll 0 0;
  border:1px solid #edd699;
  float:left;
  line-height:1.2;
  opacity:.8;
  padding:5px;
}

.help-text span{
  display:block;
  font-weight:bold;
}

.help-text a{
  font-weight:bold;
}

body.search .help-text{
  width:152px;
}

/* facebook connect page
---------------------------------------------------------------*/
.preferences_facebook_connect .fb_profile_pic_rendered {
  clear: left;
  display: block;
}

.preferences_facebook_connect .fb-button {
  display: block;
  line-height: 2;
  clear: left;
  float: none;
  margin: 10px 0;
  padding: 0 10px;
  text-align: center;
}

.preferences_facebook_connect .fb-autopost {
  float: right;
  width: 300px;
}

.preferences_facebook_connect .fb-autopost h3 {
  background: transparent url(/images/facebook_pages_icon.png) no-repeat 0 0;
  margin: 0;
  padding: 3px 0 3px 22px;
}

.preferences_facebook_connect .fb-autopost-profile {
  float: right;
  width: 300px;
}

.preferences_facebook_connect .fb-autopost-profile h3 {
  background: transparent url(/images/fb-logo-small.png) no-repeat 0 0;
  margin: 0;
  padding: 3px 0 3px 22px;
}

.ext_permission_on {
  color :#4aa04a;
}

.ext_permission_off {
  color: #f00;
}

.preferences_facebook_connect #fb-disconnect {
  width: 335px;
}

.preferences_facebook_connect #fb-remove-page {
  width: 225px;
}

.preferences_facebook_connect #fb-grant-access {
  width: 170px;
}

.preferences_facebook_connect #facebook_page select#pages {
  height: 23px;
  width: 175px;
}

.preferences_facebook_connect #facebook_page p.options {
  padding: 10px 0 0;
}

.preferences_facebook_connect .facebook-connect ol {
  padding-left: 18px;
  *padding-left: 25px;
}

.preferences_facebook_connect .facebook-connect ol img {
  display: block;
  margin: 5px 0;
}

/* group management */

.preferences-container{
  float:right;
  padding-top:10px;
  width:764px;
}

#personal-info-form{
  float:left;
}

#personal-info-form div{
  float:left;
  width:100%;
}

#personal-info-section p.login-name{
  float:left;
  padding-left:5px;
  width:170px;
}

#personal-info-form #personal-info{
  float:right;
  width:547px;
}

#personal-info-form #save-settings, #change-password-form #save-settings{
  float:right;
  margin:10px 0;
}

#password-reset{
  float:right !important;
  width:430px;
}

#password-reset label{
  float:left;
  padding:5px 10px 0 0;
  width:95px;
}

#change-password-form p{
  float:left;
  width:100%;
}

ul.personal-info{
  float:left;
  padding-left:10px;
}

#personal-info-form input[type="text"]{
  font-size:1em;
  height:18px;
  margin:0 0 0 10px;
  padding:4px 0 0 5px;
  width:220px;
}

#personal-info-form input#user_first_name{
  margin-right:10px;
}

#change-password-form input[type="text"]{
  float:left;
  margin:5px 0;
}

#change-password-form input[type="password"]{
  padding:4px 0 4px 5px;
}

#personal-info-form p, #change-password-form p{
  float:left;
  width:100%;
}

#group-management-form{
  font-weight:bold;
  padding:1.5em 0 0;
}

#group-notifications-section ul{
  border-bottom:1px solid #d7d7d7;
  float:left;
  padding:.5em 0;
  width:754px;
}

#group-notifications-section ul li{
  float:left;
  text-align:center;
  width:130px;
}

#group-notifications-section ul li.slider-bar{
  padding:0 40px 0 16px;
  width:173px;
}

#group-notifications-section ul li.group-options {
  float: right;
}

#group-notifications-section ul li form{
  float:left;
}

#group-notifications-section ul li select {
  margin-left: 6px;
}

#group-notifications-section ul li input[type="submit"]{
  background:0;
  border:0;
  color:#565656;
  display:block;
  margin-left:-3px;
  padding:0;
  text-align:left;
  *margin-left:0;
}

#group-notifications-section ul li.group-options a{
  color:#565656;
  display:block;
  text-align:left;
}

#group-notifications-section ul li.group-options a:first-child{
  font-weight:normal;
}

#group-notifications-section ul li:first-child{
  text-align:left;
  width:225px;
}

#add-email-form{
  float:left;
  position:relative;
  width:100%;
}

#add-email-form label.error{
  display:block;
  padding:5px 0 0 78px;
  position:absolute;
  right:93px;
  top:25px;
  width:200px;
}

#tab-switch-preferences {
  margin: 0 auto;
  margin-bottom: -2px;
  overflow: hidden;
  width: 950px;
}

#search-results{
  float:right;
}

#primary-schools{
  float:left;
}

#primary-schools ul{
  padding-left:100px;
  width:570px;
}

#search-results-numbers{
  clear:left;
  font-size:1.2em;
}

#tab-switch-search #search-tabs a{
  margin:0;
}

#add-email-form label{
  float:left;
  padding-top:3px;
  width:78px;
}

#add-email-form input[type="text"]{
  float:left;
  font-size:1em;
  height:18px;
  padding-top:4px;
  width:220px;
}

#account_6_primary_status{
  color:#ae3939;
  font-weight:bold;
}

#updates .group-updates{
  float:right;
  margin:0;
  text-align:right;
}

#updates .group-updates div{
  padding: 2px 0;
  width: 100%;
  *width: 754px;
}

#updates .group-updates input.checkbox{
  margin:0;
  position:relative;
  top:2px;
}

#current-email-addresses{
  float:left;
  padding:10px 0 25px;
}

#current-email-addresses div{
  float:left;
}

#current-email-addresses .email-address{
  width:200px;
}

#current-email-addresses .primary_status{
  color:#27a21b;
  font-weight:bold;
  width:107px;
}

#current-email-addresses .send_email_status{
  font-weight:bold;
  width:107px;
}

#current-email-addresses .confirmation-status{
  color:#27a21b;
  font-weight:bold;
  width:100px;
}

#current-email-addresses .confirmation-sent{
  color:red;
  font-weight:bold;
  padding:0 10px 0 13px;
  width:166px;
}

#current-email-addresses .load-primary-form{
  display:none;
}

#current-email-addresses .account-id{
  border-bottom: 1px solid #ccc;
  padding: 10px 0 5px;
  width: 100%;
  *width: 760px;
}

#current-email-addresses form{
  float:left;
  padding:0 10px;
}

#current-email-addresses .make-primary-form{
  margin-left:-13px;
  width:100px;
}

#current-email-addresses .remove-address-form{
    padding: 0px;
}

#current-email-addresses .remove-address-form .remove-address,
#rec-list .remove-sound-form .remove-address,
#uploaded-files .filename .remove-address{
  background:url(/images/bg-icons.png) no-repeat -294px -183px;
  height:16px;
  border:0px;
  text-indent:-1000000px;
  width:16px;
  font-size: 0px;
  display: block;
  line-height:0;
}

#current-email-addresses form input{
  background:0;
  border:0;
  color:#0033ff;
  font-size:1em;
  font-weight:bold;
  padding:0;
}

#group-management-form p.last{
  float:right;
  margin:10px 10px 0 10px;
}

/* sms */

#sms_error_div div {
  padding: 3px 0;
}

#enter-mobile{
  float:left;
  width: 100%;
}

#enter-mobile input[type="text"]{
  float:left;
  height:14px;
  margin: 0 5px 5px 0;
  padding:5px;
  width:140px;
}

#enter-mobile p {
  clear: both;
}

#mobile-carrier {
  float: left;
  padding: 0 10px 0;
}

#mobile-carrier select {
  padding: 4px 5px 4px 0;
}

#sms-terms{
  float:left;
  padding: 0;
  margin-left: -5px;
  width: 100%;
}

#mobile_save{
  background:transparent url(/images/buttons/yellow-btn.png) repeat-x 0 0;
  border:1px solid #FFC000 !important;
  color:#333333;
  float:left;
  font-size:1.1em;
  font-weight:bold;
  height:26px;
  margin: 10px 0;
  width:50px;
}

#mobile-destroy {
  float: left;
  margin-left: 10px;
}

#mobile-destroy input {
  background: transparent;
  border: 0;
  color: #0033ff;
  font-size: 1em;
  font-weight: bold;
  margin-top: 3px;
}

.manage-sms-notices {
  clear: both;
  display: block;
}

.gray-gradient{
  background:url(/images/lt-gray-gradient.jpg) repeat-x 0 0;
  border-top:1px solid #e8e8e8;
  border-bottom:1px solid #bcbcbc;
  float:left;
  height:30px;
  line-height:2.2;
  margin-bottom:10px;
  text-indent:10px;
}

.gray-gradient p{
  font-size:1.2em;
  font-weight:bold;
}

#networks-section{
  float:right;
  padding-top:10px;
  position:relative;
  width:764px;
}

p.network-preferences{
  color:#222a8a;
  float:left;
  font-size:1.1em;
  font-weight:bold;
}

a.suggest-new-network{
  color:#818181;
  float:right;
  font-weight:bold;
  margin-top:-10px;
}

.network-display{
  background:#fbfbfb;
  border:1px solid #d8d8d8;
  color:#5c5c5c;
  float:left;
  margin-bottom:20px;
  padding:10px;
  width:744px;
}

.network-display div:first-child{
  float:left;
  width:480px;
}

.network-display .network-options{
  float:right;
  font-weight:bold;
  text-align:right;
  width:250px;
}

.network-display h2{
  color:#2f2f2f;
  margin:0;
}

.network-display h2 span{
  color:#5c5c5c;
  font-size:.75em;
  font-weight:normal;
}

.network-display form{
  *width:186px;
}

.network-display .leave-network-btn{
  background:0;
  border:0;
  color:#0033ff;
  font-size:1em;
  font-weight:bold;
  position:relative;
  left:3px;
  padding:0;
}

.network-display .leave-network-btn:hover{
  cursor:pointer;
}

/* Search styles */

.search .static-gray-gradient span{
  display:block;
  float:right;
  font-weight:bold;
  line-height:2.3;
  padding-right:8px;
}

.search .static-gray-gradient a{
  display:inline;
  float:none;
  padding:0;
}

.search .view-all a span{
  color:#000;
}

#search-form-container{
  float:left;
  position:relative;
}

#search-page-form{
  float:left;
  padding:10px 0;
  width:100%;
}

#search-page-form div, #search-page-form p, #search-page-form input{
  float:left;
}

#search-page-form input{
  border:1px solid #bbb;
  float:left;
  font-size:1em;
  margin:0 5px;
  padding:6px 0 6px 5px;
  width:365px;
}

#search-page-form #school-selector{
  border:1px solid #bbb;
  float:left;
  height:28px;
  padding:5px;
  width:178px;
}

#search-page-form label{
  float:left;
  padding:6px 5px 0 0;
}

#search-page-form select{
  float:left;
  height:22px;
  margin-right:5px;
  width:343px;
}

#search-page-form p{
  float:left;
  font-weight:bold;
  padding:5px 0;
}

#search-page-form #search-form-btn{
  height:28px;
  width:87px;
}

#tab-switch-search{
  border-top:1px solid #e5e5e5;
  float:left;
  padding:15px 0;
  width:100%;
}

.search-results{
  float: left;
  width: 752px;
}

#topics-results div{
  float:left;
  padding:10px 0 5px;
  width:764px;
}

#topics-results div:first-child{
  padding-top:0;
}

#topics-results .topic-subject-link{
  color:#0033FF;
  font-size:1.1em;
  font-weight:bold;
  padding-right:3px;
}

/* black rounded corner gradient backgrounds
---------------------------------------------------------------*/
.static .span-20, .datatel .span-20  {
  overflow: hidden;
}

.static .messages-box, .datatel .messages-box {
  text-align: center;
}

.static .messages-box h2, .datatel .messages-box h2 {
  float: none;
}

.messages-box{
  background:url(/images/black-gradient.jpg) repeat-x 0 0;
  float:left;
  height:53px;
  width:553px;
}

.messages-lc{
  background: url(/images/bg-icons.png) no-repeat 0 -72px;
  float: left;
  height: 53px;
  width: 7px;
}

.messages-rc{
  background:url(/images/bg-icons.png) no-repeat 0 -131px;
  float:left;
  height:53px;
  width:7px;
}

.messages-box.full-screen {
  width: 946px;
}

.messages-box.small{
  height:47px;
  margin-bottom:0;
  padding-top:6px;
  width:504px;
}

.messages-box.small a{
  font-size:1.2em;
}


.messages-box.small a:first-child{
  padding-top:5px;
}

.messages-box h2 {
  color: #d5ff2c;
  float: left;
  font-size: 1.4em;
  font-weight: normal;
  padding: 3px 10px 0 5px;
}

.facebook-connect{
  float:left;
  padding:3px 0;
  width:100%;
}

.group_files_index .messages-box h2{
  padding-top:10px;
}

.messages-box .loading{
  display:none;
  float:right;
  margin:18px 10px 0 0;
}

.title-bar{
  background:url(/images/hp-gray-gradient.jpg) repeat-x 0 0;
  float:left;
  height:28px;
  margin-bottom:5px;
  width:567px;
}

.title-bar.lg{
  width:764px;
}

.title-bar ul{
  color:#fff;
  float:left;
  font-weight:bold;
}

.title-bar ul li{
  float:left;
}

.title-bar ul li div{
  float:left;
  padding:3px 10px 0 10px;
}

.title-bar ul li .title{
  width:390px;
}

.title-bar ul li .comment{
  width:72px;
}

#topics-container{
  float:left;
  width:568px;
}

.groups_show #topics-list{
  width:518px;
}

.group_topics_index #topics-list{
  width:700px;
}

.groups_show #topics-list li{
  width:508px;
}

.group_topics_index #topics-list li{
  width:754px;
}

.group_topics_index #topics-list li div.subject{
  width:636px;
}

.groups_show #topics-list li div.subject{
  width:395px;
}

.aggregates_index .span-main{
  background:url(/images/li-hp-col1-bg.jpg) repeat-y 0 0;
  float:left;
  margin-left:0;
  width:980px;
}

.aggregates_index .footer{
  background:#d3e3ff url(/images/hp-container-btm.png) no-repeat 0 0;
  margin:0;
}

.aggregates_index .hp-col-1{
  float:left;
  margin-top:-10px;
  width:197px;
}

.messages-box.aggregates{
  width:740px;
}

.aggregates_index .hp-col-2{
  float:right;
}

.hp-col-2 h1{
  font-size:2.5em;
  padding:5px 0;
  text-align:center;
}

/* logged in homepage
---------------------------------------------------------------*/
#lg-new-post {
  float: left;
  padding: 15px 0 5px;
}

.networks_show #lg-new-post {
  margin-top: 10px;
}

.networks_show #lg-new-post label {
  float: left;
  font-size: 1.4em;
  padding: 6px 5px 0 0;
}

#lg-new-post p {
  float: left;
}

#lg-new-post input[type="text"] {
  float: left;
  font-size: 1.2em;
  height: 19px;
  margin: 2px 10px 0 0;
  padding: 7px 5px;
  width: 558px;
}

#lg-new-post #sm-post-btn {
  background: url(/images/buttons/hp-post-btn.png) no-repeat 0 0;
  border: 0;
  color: #006600;
  float: left;
  font-size: 1.5em;
  font-weight: bold;
  height: 36px;
  margin-top: 1px;
  text-indent: 0;
  width: 63px;
}

/* notifications styling
---------------------------------------------------------------*/
#notification-div {
  float: left;
  margin: 0 0 10px 10px;
  width: 980px;
}

#notification-div .top {
  background: url(/images/notification-div-top.png) no-repeat 0 0;
  float: left;
  height: 12px;
  width: 960px;
}

#notification-div .message {
  background: url(/images/notification-div-bg.png) repeat 0 0;
  border-left: 1px solid #e88888;
  border-right: 1px solid #e88888;
  float: left;
  padding: 0 0 0 10px;
  width: 947px;
}

#notification-div .notify {
  background: url(/images/bg-icons.png) no-repeat -144px -260px;
  padding-left: 30px;
}

#notification-div .bottom {
  background: url(/images/notification-div-btm.png) no-repeat 0 0;
  float: left;
  height: 10px;
  width: 959px;
}

#notification-div img {
  float: left;
  padding: 3px 10px 0 0;
}

#notification-div p, #notification-div ul {
  float: left;
  font-size: 1.2em !important;
  font-weight: bold;
}

#notification-div p {
  float: none;
  padding: 3px 0 0;
}

#notification-div ul li {
  background: url(/images/error-icon.png) no-repeat 0 0;
  color: #000;
  padding: 3px 0 2px 30px;
}

.create-group-btn{
  background:url(/images/buttons/155x40-yellow-btn.png) no-repeat 0 0;
  color:#000;
  float:left;
  font-size:1.2em;
  font-weight:bold;
  height:31px;
  margin:0 0 10px 10px;
  padding-top:9px;
  text-align:center;
  width:155px;
}

.create-group-btn:hover {
  opacity: .8;
  text-decoration: none;
}

.groups_create .error { font-size: 14px; }

#group-selection li {
  background: url(/images/hp-groups-nav-link.jpg) repeat-x 0 0;
  border: 1px solid #9fc1e7;
  border-top: 0;
  color: #333;
  float: left;
  height: 34px;
  padding: 5px 0 5px 8px;
  width: 188px;
  position:relative;
}

#group-selection .toplist-adjust {
    margin-left:3px;
    width:185px;
 }

#group-selection li .cornered-image{
  background:transparent url(/images/hp-ui-selected.png) no-repeat 0 0;
  float:left;
  height:45px;
  position:absolute;
  left:-4px;
  top:-1px;
  width:7px;
}

#group-selection li .current-cornered-image{
  background:transparent url(/images/hp-ui-selected.png) no-repeat 0 0;
  float:left;
  height:45px;
  position:relative;
  left:-9px;
  top:-6px;
  width:7px;
}

#group-selection li .non-current-cornered-image{
  background:transparent url(/images/hp-ui-not-selected.png) no-repeat 0 0;
  float:left;
  height:45px;
  position:absolute;
  left:-4px;
  top:-1px;
  width:7px;
}

#group-selection li a{
  color:#333;
  display:block;
  font-weight:bold;
  padding-left:9px;
}

#group-selection li span{
  padding-left:9px;
}

#group-selection li.ui-tabs-selected{
  background-image:none;
  background-color:#fff;
  border-right:0;
}

.border-wrapper{
  border:1px solid #9FC1E7;
  border-top:0;
  border-bottom:0;
}

p.nav-help{
  float:left;
  padding:10px 0 10px 10px;
}

.group-links{
  float:left;
  padding:0 10px;
}

.group-links a{
  font-size:1.1em;
  font-weight:bold;
}

.group-links p{
  padding-left:24px;
}

.group-links p.my-school{
  background:url(/images/bg-icons.png) no-repeat -144px -117px;
}

.search-results ul{
  float:left;
  width:100%;
}

.search-results ul li{
  border-bottom:1px solid #ccc;
  float:left;
  padding:10px 0;
  width:100%;
}

.search-results ul li div a{
  color:#333;
}

.search-results ul li div.subject a:first-child, .search-results ul li .group-name a:first-child, .search-results ul li div strong a{
  color:#0033ff;
  font-size:1.1em;
  font-weight:bold;
}

.search-results ul li div em{
  color:#666;
}

.search-results ul li div span.replies{
  font-weight:bold;
}

/* find groups
---------------------------------------------------------------*/
.groups_find .span-20 {
  overflow: hidden;
}

#search-in-groups {
  background: #f7f7f7;
  border: 1px solid #d5d5d5;
  border-top: 0;
  margin-bottom: 10px;
  float: left;
  padding: 10px 0 10px 10px;
  width: 948px;
}

#search-in-groups label {
  float: left;
  font-size: 1.4em;
  padding-right: 4px;
}

#search-in-groups input.text {
  float: left;
  height: 19px;
  padding: 6px 0 0 5px;
  width: 425px;
}

#search-in-groups input#search_network_name{
  width:184px;
}

#search-in-groups select{
  float:left;
  height:27px;
  margin:0 10px;
  padding:4px;
  width:154px;
}

#search-in-groups #search-groups-btn{
  background:url(/images/buttons/62x35-green-btn.png) no-repeat 0 0;
  border:0;
  color:#006600;
  float:left;
  font-size:1.4em;
  font-weight:bold;
  height:35px;
  margin-left:5px;
  margin-top:-5px;
  width:62px;
}

.start-search{
  float:left;
  width:100%;
}

.start-search p{
  text-align:center;
}

ul#group-anchors{
  float:left;
  padding:0 0 10px 16px;
}

ul#group-anchors li{
  float:left;
  padding-right:15px;
}

ul#group-anchors a{
  font-weight:bold;
}

.group-type{
  border:1px solid #ccc;
  border-bottom:1px solid #999;
  float:left;
  margin-bottom:20px;
  width:100%;
}

#general, #school-status, #residence, #course{
  margin-right:24px;
}

.group-type h3{
  float:left;
  margin:0;
}

.group-type-name{
  background:url(/images/find-groups-gradient-bg.png) repeat-x 0 0;
  border-top:1px solid #999;
  font-size:1.2em;
  height:24px;
  margin:0;
  padding:7px 0 0 5px;
}

.group-type ul{
  float:left;
  width:100%;
}

.group-type ul li{
  background: #eee;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #ccc;
  font-weight: bold;
  overflow: hidden;
  width: 100%;
}

.group-list li.more{
  background:url(/images/find-groups-gradient-bg.png) repeat-x 0 0;
  color:#333;
  font-weight:bold;
  text-align:center;
}

.group-list li.more a{
  background:url(/images/gray-triangle.png) no-repeat 0 5px;
  color:#333;
  padding-left:8px;
}

.group-type ul li div{
  float:left;
  padding: 5px;
}

.group-type ul li div.group-name{
  width:625px;
}

.group-type ul li div.group-action form input[type="submit"]{
  background:none;
  border:0;
  color:#0033ff;
  font-size:1em;
  font-weight:bold;
  height:17px;
  margin-left:-3px;
  padding:0;
}

.group-type ul li div.group-action form input[type="submit"]:hover{
  cursor:pointer;
  border-bottom:1px solid #0033ff;
}

#view-more-groups{
  background: #000;
  float: left;
  padding: 10px;
  text-align: center;
  width: 744px;
}

#view-more-groups a{
  color:#ccff33;
  font-weight:bold;
}

#more-groups-toggle{
  display:none;
  float:left;
}

#hide-more-groups{
  display:none;
}

/*---------------------------------------------------------------*/

#hp-user-groups-display{
  float:left;
  height:190px;
  overflow:hidden;
  width:100%;
}

#hp-user-groups-display{
  float:left;
}


#hp-user-groups-display ul li{
  list-style:none;
}

#hp-user-groups-display ul li div, #user-groups-display ul li div{
  width:185px;
}

#user-groups-display{
  float:left;
  width:762px !important;
}

#user-groups-display ul{
  float:left;
  height:95px;
}

#user-groups-display .group-holder{
  width:200px;
}

#networks-list-div, #groups-list-div{
  background:none !important;
  float:left;
  overflow:auto;
  width:368px;
}

#groups-list-div{
  height:200px;
}

#networks-list-div ul, #groups-list-div ul{
  width:100%;
}

#networks-list-div ul li, #groups-list-div ul li{
  padding:0 4px;
}

#networks-list-div ul li.float-left, #groups-list-div ul li.float-left{
  max-width:248px;
}

/* Safari */
body:last-child:not(:root:root) #user-groups-display ul li {height:230px !important;}

#user-groups-display ul li{
  height:100px;
  width:192px;
}

#user-groups-display ul li a:first-child{
  color:#0033ff;
  font-size:1.2em;
  font-weight:bold;
  line-height:1.3;
}

#user-groups-display ul .image-holder{
  border:1px solid #000;
  height:102px;
  margin-bottom:10px;
  width:174px;
}

.user-network-display{
  float:left;
}

.user-network-display li a:first-child{
  color:#0033ff;
  font-size:1.2em;
  font-weight:bold;
}

.user-network-display li.image-holder{
  border:1px solid #000;
  height:102px;
  margin-bottom:10px;
  width:174px;
}

.topic-display{
  color:#333;
  float:left;
  padding:5px 0;
}

.topic-display:first-child{
  border:0;
  padding-left:0;
}

.topic-display div{
  line-height:1.2;
  padding:2px 0;
  width:175px;
}

.topic-display div a{
  font-size:1.2em;
}

.topic-display div a.read-more{
  color:#0033ff;
  font-size:1em;
  font-weight:bold;
}

.topic-display div a.topic-link{
  color:#0016b4;
  font-size:1.2em;
  font-weight:bold;
}

/* if logged in */

.users_new #error, .users_create #error, .exceptions #error{
  clear:both;
  display:none;
  height:140px;
  padding:10px 0 0 160px;
  width:265px;
}

.users_new #error label, .users_create #error label, .exceptions #error label {
  display: block;
  float: none;
  font-size: 1em;
  padding: .4em 0;
}

.users_create #signup-errors{
  clear:both;
}

.users_create #signup-errors li{
  list-style:none;
  padding:3px 0;
}

/* Static pages
---------------------------------------------------------------*/
.static-container {
  overflow: hidden;
  padding: 10px 20px 0;
  width: 920px;
}

#live-chat {
  float: right;
  /*padding-left: 20px;*/
}

#live-chat div.chat {
  margin: 20px 0 0 31px;
}

#splash-header #splash-header-nav, #live-chat #chat-container {
  background: transparent url(/images/hp-blue-grad-lc.png) no-repeat 0 0;
  float: right;
  position: relative;
  height: 197px;
  width: 275px;
}

#splash-header .rc, #live-chat .rc {
  background: transparent url(/images/hp-blue-grad-rc.png) no-repeat 0 0;
  float: right;
  height: 197px;
  width: 11px;
}

#live-chat #chat-container, #live-chat .rc {
  height: 140px;
}

#splash-header #splash-header-nav ul li.chat, #live-chat div.chat {
  background: transparent url(/images/bg-demo.png) no-repeat 0 0;
  padding: 7px 0 0 10px;
  height: 37px;
  width: 215px;
}

#splash-header #splash-header-nav ul li.chat a, #live-chat div.chat a {
  background: transparent url(/images/icon-chat.png) no-repeat 0 0;
  color: #000033;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 7px 0 0 38px;
}

#live-chat #chat-container #contact-text {
  background: #000;
  color: #fff;
  margin: 15px 0 0;
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  width: 266px;
}

#live-chat #chat-container #contact-text span {
  color: #ccff00;
}

#hbl_code {
  display: none !important;
}

.static .contact-form, .datatel .contact-form {
  clear: right;
  float: right;
  padding: 20px 0 0 20px;
  width: 284px;
}

#hp-contact-form p, .static .contact-form p, .datatel .contact-form p {
  overflow: hidden;
}

.static .contact-form label, .datatel .contact-form label {
  display: block;
  float: left;
  font-size: 1.1em;
  padding-right: 10px;
  text-align: right;
  width: 85px;
}

.static .contact-form .text, .datatel .contact-form .text {
  height: 18px;
  width: 181px;
}

.static .contact-form textarea, .datatel .contact-form textarea {
  float: left;
  height: 100px;
  overflow: auto;
  width: 176px;
}

#hp-contact-form #hp-submit, .static .contact-form #submit, .datatel .contact-form #submit {
  background: transparent url(/images/hp-submit.jpg) no-repeat 0 0;
  border: 0;
  float: right;
  font-size: 1.1em;
  height: 28px;
  width: 56px;
}

.static h1, .datatel h1 {
  text-align: center;
}

.static-content ul {
  list-style: disc;
  list-style-position: outside;
  padding: 0 0 10px 20px;
}

.static-content ul li {
  padding: 3px 0;
}

/* pricing plans page
---------------------------------------------------------------*/
.static_pricing .messages-box {
  color: #56ff00;
  width: 586px;
}

.static_pricing .messages-box ul {
  float: right;
}

.static_pricing .messages-box ul li {
  float: left;
  font: 1.4em 'Trebuchet MS';
  padding: 25px 10px 0 20px;
}

.static_pricing #live-chat {
  margin-top: -52px;
}

#pricing-plans {
  border: 2px solid #cfcfcf;
  border-top: 0;
  float: left;
  font-size: 1.1em;
  font-weight: bold;
  padding-bottom: 10px;
  width: 600px;
}

#pricing-plans tbody {
  float: left;
}

#pricing-plans tbody tr td {
  border-right: 2px solid #cfcfcf;
  font-weight: bold;
  padding: 2px 20px;
}

#pricing-plans tbody tr td.last {
  border: 0;
}

#pricing-plans tbody tr.last td {
  padding: 15px 10px 10px;
}

#pricing-plans tbody tr.last td a {
  background: transparent url(/images/sign-up-2.jpg) no-repeat left top;
  color: #56ff00;
  display: block;
  font-size: .9em;
  padding-top: 3px;
  height: 23px;
  width: 70px;
}

#pricing-plans tbody tr.odd {
  background: #ebebeb;
}

#pricing-plans tr td {
  text-align: center;
}

#pricing-plans tr td:first-child {
  text-align: left;
}


/* billing policy
---------------------------------------------------------------*/
#billing-policy {
  color: #333;
  font-weight: bold;
  list-style-position: outside;
}

#billing-policy li {
  padding: 5px 0 0;
}

#billing-policy ol {
  color: #000;
  font-weight: normal;
  list-style-type: lower-alpha;
}

#billing-policy ol li {
  padding-bottom: 3px;
}

h2.static-header {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  width: 100%;
}

h2.static-header.first {
  width: 605px;
}

#contact-info {
  overflow: hidden;
}

#contact-info img {
  vertical-align: middle;
}

#contact-info div {
  padding: 25px 0 0;
}

/* mailing list manager
---------------------------------------------------------------*/
#features-list {
  border-bottom: 1px solid #999;
}

#features-list thead tr td {
  font-weight: bold;
  text-align: center;
}

#features-list tr, #features-list td{
  border:1px solid #999;
  border-bottom:0;
}

#features-list thead tr, #features-list thead td{
  border:0;
}

#features-list img{
  display:block;
  margin:0 auto;
}

.static_faq .clear-left p{
  padding:10px 0 0 5px;
  width:100%;
}

.static_terms h3, .static_privacy h3{
  font-size:1.2em;
  margin:1.25em 0 .5em;
}

/* gray gradient used throughout the site
---------------------------------------------------------------*/
.static-gray-gradient {
  background: transparent url(/images/static-gray-gradient.jpg) repeat-x 0 0;
  float: left;
  height: 27px;
  line-height: 1.8;
  margin: 8px 0 0;
  text-indent: 10px;
  width: 100%;
}

.groups_show .static-gray-gradient {
  width: 100%;
}

.group_topics_show .static-gray-gradient {
  margin-bottom: 10px;
}

.static-gray-gradient p {
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 5px;
  text-indent: 10px;
}

.static-gray-gradient a {
  color: #0000ff;
  display: block;
  float: right;
  font-weight: bold;
  height: 5px;
  line-height: 2.3;
  padding-right: 8px;
}

/* Groups page
---------------------------------------------------------------*/
.groups-header-box {
  float:left;
  height:42px;
  margin:20px 0 10px;
}

.groups-header-box:first-child {
  margin-top:0;
}

.groups-header-box .left-corner{
  background:#213189 url(/images/blue-rounded-lc.jpg) no-repeat 0 0;
  float:left;
  height:42px;
  width:7px;
}

.groups-header-box .background{
  background:#213189 url(/images/dk-blue-gradient.jpg) repeat-x 0 0;
  float:left;
  height:42px;
  width:748px;
}

.groups-header-box .right-corner{
  background:#213189 url(/images/blue-rounded-rc.jpg) no-repeat 0 0;
  float:right;
  height:42px;
  width:7px;
}

.groups-header-box h2{
  color:#fff;
  float:left;
  font-size:1.5em;
  font-weight:normal;
  line-height:2.4;
  padding-left:5px;
}
.groups-header-box a{
  float:left;
}

.groups-header-box a.view, a.view-people, #sort-content a.view{
  background:0;
  color:#66ccff;
  display:block;
  float:left;
  font-size:1.1em;
  font-weight:bold;
  margin:13px 0 0 10px;
}

.view.topics{
  float:right;
  font-weight:bold;
}

#sort-content a.view{
  color:#222cf5;
  margin-top:7px;
}

a.view-people{
  color:#222cf5;
  float:right;
  font-size:1em;
}

#sort-content, #sort-content-networks, #sort-content-topics, #sort-content-groups, #fb-friends{
  background:#f4f4f4;
  border:1px solid #d7d7d7;
  border-bottom:1px solid #acacac;
  float:left;
  height:32px;
  width:762px;
}

#fb-friends h2{
  color:#545454;
  padding:6px 0 0 10px;
}

.friend-container{
  float:left;
  padding:7px 0;
  width:270px;
}

.friend-container div{
  float:left;
}

.friend-container img{
  float:left;
  width:50px;
  height:48px;
  margin:0 10px 0 0;
}

.friend-container a{
  color:#19278a;
}

.friend-container a.friend-name{
  color:#343434;
  font-weight:bold;
  text-decoration:underline;
}

.friend-container a.friend-name:hover{
  text-decoration:none;
}

#sort-content.aggregates{
  background:none;
  border:0;
  border-bottom:1px solid #d7d7d7;
  margin-top:15px;
}

#sort-content.aggregates li{
  margin-top:1px;
}

#sort-content-networks, #sort-content-topics, #sort-content-groups{
  margin-top:15px;
}

#sort-content p{
  color:#333;
  float:left;
  font-size:1.4em;
  font-weight:bold;
  line-height:2;
  padding:0 8px;
}

#sort-content form label{
  float:left;
  padding:7px 10px 0 4px;
}

#sort-content input[type="text"]{
  float:left;
  font-size:1em;
  height:20px;
  margin:3px 5px 0;
  padding:5px 0 0 5px;
  width:250px;
}

#sort-content select{
  border:1px solid #acacac;
  float:left;
  height:25px;
  margin-top:4px;
  padding:3px 0;
}

#sort-content #network_filter{
  float:right;
  padding:1px 5px 1px 0;
}

#sort-content #network_filter input{
  width:250px;
  *width:254px;
}

.groups_index #sort-content #network_filter{
  padding-left:15px;
  width:auto;
}

.groups_index #sort-content #network_filter input{
  width:176px;
}

#newest-groups{
  float:left;
}

#newest-groups .group-holder, #most-active-groups .group-holder{
  width:380px;
}

#newest-groups .group-holder #members, #most-active-groups .group-holder #members{
  float:left;
}

#most-active-groups{
  float:left;
}

#most-active-groups div:first-child, #newest-groups div:first-child{
  border-top:0;
}

.sort-container{
  border-top:1px solid #e5e5e5;
  float:left;
  padding:10px 0;
}

.sort-container:first-child{
  border-top:0;
}

.sort-container div{
  float:left;
}

.sort-container .image-holder{
  background:#d3e2ff;
  border:1px solid #a8badb !important;
  height:43px;
  margin:0 10px 0 0;
  width:74px;
}

.sort-container h2{
  color:#000;
  margin-top:-5px;
  margin-bottom:0;
}

.sort-container a{
  color:#0033ff;
  font-size:1.2em;
  font-weight:bold;
}

.sort-container a.university{
  font-weight:normal;
}

.sort-container p a{
  font-size:1em;
}

.sort-container p.topic-link a, .sort-container p.group-link a{
  font-size:1.2em;
  padding-right:3px;
}

.sort-container .members:hover{
  color:#3A43A7;
}

.sort-container .join{
  background:0;
  border:0;
  font-size:1em;
  font-weight:bold;
}

.sort-container .join:hover{
  cursor:pointer;
}

#primary-schools .image-holder{
  border:1px solid #000;
  float:left;
  height:93px;
  margin-right:10px;
  width:159px;
}

#primary-schools ul li{
  background:#FCFCFC none repeat scroll 0 0;
  border:1px solid #CECECE;
  height:150px;
  margin:10px 15px 10px 0;
  padding:5px;
  width:162px;
  font-weight:bold;
  color:blue;
}

#primary-schools ul li div{
  width:100%;
}

#primary-schools .image-holder{
  border:1px solid #000000;
  height:93px;
  margin-bottom:10px;
  width:159px;
}

#primary-schools ul li a{
  font-weight:bold;
}

/* networks show
---------------------------------------------------------------*/
.networks_show .join-network-btn{
  background:url(/images/buttons/155x40-yellow-btn.png) no-repeat 0 0;
  border:0;
  color:#333;
  float:left;
  font-size:1.2em;
  font-weight:bold;
  height:32px;
  margin:0 0 10px 10px;
  padding-top:8px;
  text-align:center;
  width:155px;
}

.networks_show input.join-network-btn{
  height:40px;
  margin-bottom:0;
  padding-top:0;
}

#rss-feed, #twitter_link, #fbpage_link{
  position: relative;
  display: block;
  float: right;
  margin:4px 10px 4px 0px;;
}

.join-group-btn{
  background:url(/images/buttons/176x45-yellow-btn.png) no-repeat 0 0;
  border:0;
  color:#000;
  float:left;
  font-size:1.2em;
  font-weight:bold;
  height:45px;
  text-align:center;
  width:176px;
}

.join-group-btn:hover, .join-network-btn:hover{
  cursor:pointer;
  opacity:.8;
  text-decoration:none;
}

a.join-group-btn{
  height:35px;
  padding-top:10px;
}

a.join-group-btn:hover{
  text-decoration:none;
}

.networks_show p#wiki{
  padding:0 20px 20px 10px;
}

.networks_show #user-groups-display ul, .groups_index #user-groups-display ul{
  height:75px;
}

.rounded-bottom{
  background: url(/images/wiki-info-rounded-bottom.png) no-repeat 0 100%;
  float:left;
  height:10px;
  width:763px;
}

#wiki-header {
  background: url(/images/wiki-rounded-top.png) no-repeat 0 0;
  float: left;
  height: 50px;
  padding: 0 0 0 10px;
  width: 753px;
}

#wiki-header h2 {
  color: #000;
  font-size: 1.8em;
  text-align: center;
}

#network-info{
  background:#f8f8f8;
  border:1px solid #d7d7d7;
  border-bottom:0;
  float:left;
  padding:10px 0 5px 10px;
  width:751px;
}

#network-info .image-holder{
  border: 1px solid #000;
  float: left;
  height: 93px;
  margin-bottom: 10px;
  width: 159px;
}

/* User Profiles
---------------------------------------------------------------*/
h1.profile-name{
  border-right:1px solid #d7d7d7;
  color:#0009a8;
  float:left;
  font-size:3em;
  margin:15px 10px 0 0;
  padding-right:10px;
}

.profile-info{
  float:left;
  line-height:1.1;
  max-width:500px;
  padding-top:19px;
}

.profile-info span a{
  color:#333;
  font-weight:bold;
  padding:0 2px;
}

.profile-info p.login, .profile-info p.networks{
  color:#333;
  font-weight:bold;
}

.profile-info p.networks{
  float:left;
  margin-right:5px;
}

.profile-info p.login span, .profile-info p.networks span{
  color:#666;
}

#profile-newest-groups, #profile-newest-topics, #profile-most-active-topics, #profile-newest-topics{
  float:left;
  width:100%;
}

#profile-newest-groups ul, #profile-newest-topics ul, #profile-most-active-topics ul, #profile-newest-topics ul{
  float:left;
  width:100%;
}

#profile-newest-groups ul li, #profile-most-active-groups ul li{
  background:#fcfcfc none repeat scroll 0%;
  border:1px solid #cecece;
  float:left;
  margin:10px 0pt 10px 22px;
  padding:5px;
  width:162px;
}

#profile-newest-topics ul li div.topic-display, #profile-most-active-topics ul li div.topic-display{
  float:left;
}

#profile-newest-groups ul li:first-child, #profile-most-active-groups ul li:first-child, #profile-newest-topics ul li:first-child, #profile-most-active-topics ul li:first-child{
  margin-left:0;
}

#profile-newest-groups ul li .image-holder, #profile-most-active-groups ul li .image-holder{
  border:1px solid #000;
  height:93px;
  margin-bottom:10px;
  width:159px;
}

#profile-newest-groups ul li div a, #profile-most-active-groups ul li div a{
  font-weight:bold;
}

#profile-newest-topics ul li{
  float:left;
}

#topics-filter-form, #groups-filter-form{
  float:left;
  padding:5px;
}

#groups-filter-form select{
  height:20px;
  width:130px;
}

#topics-filter-form select{
  height:20px;
  width:136px;
}

#topics-filter-form label, #groups-filter-form label{
  font-size:1.3em;
  padding-right:5px;
}

/* Topics Aggregate Page */

#sort-alphabetically{
  float:left;
  padding:10px 0 10px 80px;
  width:650px;
}

#sort-alphabetically li{
  float:left;
  padding:0 5px;
}

#sort-alphabetically li a{
  color:#0000ff;
  float:left;
  font-size:1em;
  font-weight:bold;
}

.user_groups_index #sort-alphabetically{
  padding:0;
  width:auto;
}

/* aggregate pages  */

#newest-section, #most-active-section{
  display:none;
}

#all-section ul li div.network-name a{
  color:#0033ff;
  font-weight:bold;
}

#all-section ul li div.network-image{
  float:right;
  margin-top:-55px;
}

/* new password */

#new-pw-form{
  float:left;
  padding-top:10px;
  width:500px;
}

#new-pw-form p{
  float:left;
}

#new-pw-form label{
  float:left;
  padding:7px 8px 0 0;
}

#new-pw-form input[type="submit"]{
  float:left;
  margin:5px 0 0;
  *margin-top:3px;
}

#new-pw-form input[type="text"]{
  float:left;
  font-size:1.2em;
  margin:0 5px 0 0;
  padding-top:5px;
}

/* create and edit group */

.groups_new .span-main, .groups_edit .span-main, .groups_create .span-main{
  padding-bottom:60px;
}

.groups_new_show #topics-list li div.subject{
  width:390px;
}

.groups_new_show #topics-list{
  width:517px;
}

.groups_new_show #topics-list li{
  width:508px;
}

#create-group, #edit-group-container, #edit-network {
  background: #fafafa;
  border: 1px solid #d4d4d4;
  float :left;
  margin-top: 10px;
  padding: 10px;
  position: relative;
  width: 548px;
}

#edit-network {
    padding-bottom: 30px;
}

#create-group .input_text, #edit-group .input_text {
  height: 15px;
  padding: 5px;
  width: 398px;
}

#create-group input#group_email, #edit-group input#group_email {
  float: left;
  margin-left: 13px;
  width:250px;
}

#create-group #group_photo, #edit-group #group_photo, #edit-network #network_photo, #edit-network #network_logo{
  float:left;
  margin:2px 0 0 12px;
  width:200px;
}

#create-group select, #edit-group select{
  padding:5px;
  width:410px;
}

#create-group textarea, #edit-group textarea{
  float:right;
  height:70px;
  padding:5px;
  width:398px;
}

#edit-group #footer_input{
    height: 180px;
    width: 520px;
}

.create-edit #footer_text{
    float: left;
    width: 520px;
}

#create-group label, #edit-group label, #edit-network label{
  float:left;
  line-height:1.2;
  text-align:right;
  width:125px;
}

#edit-email-from-span{
    width: 20px;
    float:left;
}

#footer_text textarea {
    font-weight:normal;
    font-size: 11px;
}


#edit-network label.network_photo{
  display:block;
  float:none;
  padding-bottom:5px;
  width:95px;
}

#edit-network label.description, #edit-network label.fb-page,
#edit-network label.landing-url{
  padding:0 12px 0 23px;
  width:77px;
}

#edit-network label.landing-url{
    width: 120px;
    margin-top: 5px;
}

#edit-network p.school-name{
  padding-left:48px;
}

#edit-network p.school-name span{
  padding-left:10px;
}

#edit-network .current-photo{
  border:1px solid #bbb;
  float:left;
  height:93px;
  margin-left:23px;
  padding:0;
  width:159px;
}

#create-group div label, #edit-group div label, #edit-network div label{
  padding:3px 0 0 5px;
  width:auto;
}

.create-edit .group-photo-label{
  width:115px !important;
}

#edit-group .network_photo{
  padding:0 0 5px 12px;
}

.create-edit label span, .create-edit p.privacy span{
  color:red;
  display:block;
  font-size:.9em;
  font-weight:normal;
}

#edit-network .clear{
  background:transparent;
  height:auto;
  width:auto;
}

#create-group p.publish-group{
  background:url(/images/fb-logo-small.png) no-repeat 258px 2px;
  padding-left:132px;
  width:400px;
}

#create-group p.publish-group label, #create-group p.publish-group-page label{
  font-weight:bold;
  padding-top:2px;
  width:auto;
  text-indent:0px;
}

#create-group p.publish-group input[type="checkbox"]{
  float:left;
}

#create-group p.publish-group-page{
  background:url(/images/facebook_pages_icon.png) no-repeat 258px 2px;
}

#create-group p.publish-group-page input[type="checkbox"]{
  float:left;
}

.create-edit .group-photo{
  border:1px solid #bbb;
  float:left;
  height:95px;
  margin-left:14px;
  width:156px;
}




.create-edit div{
  background:#fbfbfb;
  float:left;
  margin-bottom:5px;
  padding:5px 10px;
  width:178px;
  height:70px;
}

.create-edit #subject_prefix_text, .create-edit #footer_text, .create-edit #reply_to_text{
  background:#fbfbfb;
  float:left;
  margin-bottom:5px;
  padding:5px 10px;
  width:auto;
  height:auto;
}

#subject_prefix_text label, #reply_to_text label{
    font-weight: normal;
    margin-right: 5px;
}

#subject_prefix_text input, #reply_to_text input{
    width: 200px;
}


.create-edit #wrapper-color{
    height: auto;
}



#edit-network.create-edit .last{
  padding-left:112px !important;
}

#edit-network div{
  width:189px;
}

#create-group div p, #edit-group div p, #edit-network .group-type-choice p{
  font-size:.9em;
}

#create-group .public, #edit-group .public, #edit-network .public, #edit-network .twitter,#edit-group .twitter{
  border:1px solid #bababa;
  margin-left:13px;
  margin-right:10px;
}

#edit-network .twitter{
  width:409px;
  margin-right:0px;
  padding-top:10px;
}



#create-group .private, #edit-group .private, #edit-network .approval{
  border:1px solid #bababa;
}

#create-group .selected, #edit-group .selected, #edit-network .selected{
  background:#fff;
}

#edit-network #description{
  background:#fff;
  height:50px;
  width:420px;
}

#edit-network #fb-page, #edit-network #embed-code{
  background:#fff;
  height:20px;
  width:425px;
  float:left;
  margin-left:12px;
}

#edit-network #embed-code:focus{
background: #FAD184;
}


#create-group p, #edit-group p, #edit-network p{
  float:left;
  padding:0 0 5px;
  width:100%;
}

.create-edit .group-type-container, .create-edit .privacy-options,.create-edit .twitter-container{
  float:left;
  height:auto;
  padding:0;
  width:auto;
}

#edit-network .group-type-container{
    width: 98%;
}

.create-edit .twitter-container{
    height:80px;
    margin-top: 10px;
}

.create-edit .group-type-container p.type, .create-edit .twitter-container p.type{
  font-size:1em !important;
  font-weight:bold;
  line-height:1.2;
  padding-left:55px;
  text-align:right;
  width:125px !important;
}

.create-edit .privacy-options p.privacy{
  font-size:1em !important;
}

.create-edit .group-type-choice, #edit-network .group-type-choice{
  background:transparent;
  float:right;
  height:auto;
  margin:0;
  padding:0 5px;
  width:398px
}

#edit-network .group-type-choice{
    float: left;
    margin-left: 23px;
    padding: 0;
}

.create-edit .group-type-choice input[type="radio"]{
  margin-top:5px;
}

.create-edit .group-type-choice p{
  padding:0 !important;
  text-indent:20px;
}

.create-edit .group-type-choice .hide-member-text{
    text-indent: 0px;
    margin-left: 20px;
}

#edit-network .group-type-choice p{
    text-indent:0px;
}

#create-group p.privacy, #edit-group p.privacy, #edit-network p.privacy{
  font-weight:bold;
  line-height:1.2;
  padding-left:55px;
  text-align:right;
  width:70px;
}

#edit-network p.privacy{
  padding-left:0;
  width:100px;
}

#edit-network p.privacy span, .create-edit .group-type-container p.type span, .create-edit .twitter-container p.type span{
  color:red;
  font-size:.9em;
  font-weight:normal;
}

#edit-network p.privacy span.twitter_synch, .create-edit p.type span.twitter_synch{
    float:right;
    font-weight:bold;
    line-height:1.2;
    color:#333;
    font-size:1.0em;
}

.twitter_icon{
  padding:0;
  margin:0;
  float:right;
}

.twitter_icon img{
  padding:0;
  margin:5px 0px;
}

#edit-group-container p.network-name{
  font-weight:bold;
  padding-left:75px;
}

#edit-group-container p.group-name{
  font-weight:bold;
  padding-left:50px;
}

#edit-group-container p.network-name span, #edit-group-container p.group-name span{
  padding-left:10px;
}

#create-group p.image-type, #edit-network p.image-type{
  font-size:.9em;
  padding-left:137px;
  width:100%;
}

#edit-group p.image-type{
  padding-left:13px;
  width:auto;
}

.create-edit div.last{
  float:right !important;
  height:auto !important;
  padding:10px 0 0 !important;
  position:relative;
  left:2px;
  width:225px !important;
}

#edit-network p.image-type{
  padding-left:12px;
}

.create-edit select, .create-edit input{
  float:right;
}

.create-edit input[type="radio"]{
  float:left !important;
  margin-left:-2px;
}

.create-edit .image-upload{
  background:transparent;
  height:auto;
  margin-left:4px;
  padding:10px 0 5px;
  width:95% !important;
}

.create-edit .color-upload{
  background:transparent;
  height:auto;
  margin-left:4px;
  padding:10px 0 5px;
  width:95% !important;
}

#twitter_username, #twitter_password{
  height:22px;
  width:300px;
  padding-top:5px;
  font-size:14px;
}

#save-settings, .create-edit #create-group-btn, .fb-button, #add-email-btn, #search-form-btn, #upload-members-btn{
  background: url(/images/buttons/yellow-btn.png) repeat-x 0 0;
  border: 1px solid #ffc000 !important;
  color: #333;
  float: left;
  font-size: 1.1em;
  font-weight: bold;
  margin-left: 10px;
  width: 130px;
  height: 26px;
}

#upload-members-btn {
  float: right;
  position: relative;
  top: 10px;
}

#add-email-btn{
  font-size:1em;
  height:25px;
  width:40px;
}

.cancel-edit{
  background:url(/images/buttons/gray-btn.png) repeat-x 0 0;
  border:1px solid #b2b2b2;
  color:#333;
  display:block;
  float:left;
  font-size:1.1em;
  font-weight:bold;
  height:24px;
  line-height:1.9;
  text-align:center;
  width:80px;
}

.cancel-edit:hover, .fb-button:hover, #pricing-plans tbody tr.last td a:hover {
  text-decoration: none;
}

.instructions{
  float:left;
  padding-left:20px;
  width:303px;
}

.instructions h2{
  color:#000;
}

.topics_new .instructions{
  padding-left:40px;
}

.instructions div.error{
  width:100%;
}

/* group admin page */

.private-group-alert{
  float:left;
  padding:30px 0 0;
  width:100%;
  text-align:center;
}

.private-group-alert h2{
  color:#000;
  font-size:1.6em;
  margin:0;
}

.private-group-alert p{
  color:#333;
}

/* group topics show
---------------------------------------------------------------*/

.topic-options-menu {
  background: url(/images/silver-gradient.jpg) repeat-x 0 0;
  float: left;
  height: 37px;
  margin: 0 0 15px;
  width: 750px;
}

.topic-options-menu a{
  border-right: 1px solid #b1b1b1;
  color: #000;
  display: block;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 2.5;
  padding: 0 2em 0 1.5em;
}

.topic-options-menu form input[type="submit"]{
color: #000;
font-size: 1.2em;
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
}

.topic-options-menu a.send {
  background: url(/images/bg-icons.png) no-repeat -134px -29px;
  padding-left: 2.5em;
}

.topic-options-menu .respond {
  background: url(/images/buttons/purple-btn.png) no-repeat 0 0;
  border: 0;
  color: #d1ff7b;
  height: 37px;
  padding: 0;
  text-align: center;
  width: 116px;
}

.topic-options-menu .topic-click-through {
  border-left: 1px solid #c4c4c4;
  float: right;
  height: 30px;
  padding: 7px 6px 0 10px;
}

.topic-options-menu .topic-click-through a {
  border: 0;
  color: #181d78;
  float: none;
  font-size: .9em;
  height: auto;
  line-height: 1;
  margin-bottom: 4px;
  padding: 0;
}

.topic-options-menu .topic-click-through a.previous{
  font-weight:normal;
}

.topic-options-menu .login {
  background: url(/images/buttons/purple-btn.png) no-repeat 0 0;
  border :0;
  color: #d1ff7b;
  height: 37px;
  padding: 0;
  text-align: center;
  width: 116px;
}

.topic-options-menu img {
  float: right;
  margin-right: -8px;
}

.topic-options-menu a.stbutton {
  background-position: 0 11px !important;
  margin: 0 0 0 10px;
  padding-bottom: 0;
  padding-right: 10px;
}

#editable-section form input {
  clear:left;
  height:20px !important;
  margin:0 0 10px;
}

#editable-section form input[type="text"] {
  font-size: 1.2em;
  height: 25px !important;
  width: 753px;
}

/* this resets the message styling so it isn't affected by the cascade
------------------------------------------------------------------------------------------------------------------------------*/

#editable-section #body {
  font-family: helvetica, "microsoft sans serif", arial, sans-serif;}
#iframe #editable-section #body {
  line-height:1.5;
  font-size:76%;
  color:#222;
}
#editable-section #body strong, #editable-section #body th, #editable-section #body thead td, #editable-section #body h1, #editable-section #body h2, #editable-section #body h3, #editable-section #body h4, #editable-section #body h5, #editable-section #body h6, #editable-section #body dt { font-weight: bold; }
#editable-section #body cite, #editable-section #body em, #editable-section #body dfn { font-style: italic; }
#editable-section #body code, #editable-section #body kbd, #editable-section #body samp, #editable-section #body pre, #editable-section #body tt, #editable-section #body var, #editable-section #body input[type='text'], #editable-section #body input[type='password'], #editable-section #body textarea { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
#editable-section #body pre { white-space: pre; }
#editable-section #body pre * { font-size: 100%; white-space: pre; }
#editable-section #body del { text-decoration: line-through; color: #666; }
#editable-section #body ins, #editable-section #body dfn { border-bottom: 1px solid #ccc; }
#editable-section #body small, #editable-section #body sup, #editable-section #body sub { font-size: 85%; }
#editable-section #body big { font-size: 125%; line-height: 80%; }
#editable-section #body abbr, #editable-section #body acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
#editable-section #body a abbr,#editable-section #body  a acronym { border: none; }
#editable-section #body abbr[title],#editable-section #body  acronym[title],#editable-section #body  dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
#editable-section #body sup { vertical-align: super; }
#editable-section #body sub { vertical-align: sub; }
#editable-section #body a:link, #editable-section #body a:visited,#editable-section #body  a:hover,#editable-section #body  a:active,#editable-section #body  a:focus { text-decoration: underline; }
#editable-section #body ul{list-style: disc inside;}
#editable-section #body ol{list-style: decimal inside;}
#editable-section #body hr, #editable-section #body p, #editable-section #body ul, #editable-section #body ol, #editable-section #body dl, #editable-section #body pre, #editable-section #body blockquote, #editable-section #body address, #editable-section #body form { margin-bottom: 1.6em; }
#editable-section #body p+p { margin-top: -.8em; }
/* NOTE: Calulate header margins: TOP: line-height/size, BOTTOM: TOP/2 */
#editable-section #body caption { padding-bottom: .8em; } /* padding instead of margin for IE */
#editable-section #body blockquote { padding: 0 1em; margin: 1.6em 0; }
#editable-section #body fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
#editable-section #body legend { padding-left: .8em; padding-right: .8em; }
#editable-section #body legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
#editable-section #body textarea, #editable-section #body input { padding: .3em .4em .15em .4em; }
#editable-section #body select { padding: .1em .2em 0 .2em; }
#editable-section #body option { padding: 0 .4em .1em; }
#editable-section #body a { position: relative; padding: 0.3em 0 .1em 0; } /* for larger click-area */
#editable-section #body dt { margin-top: .8em; margin-bottom: .4em; }
#editable-section #body ul, #editable-section #body ol { margin-left: 2.2em; }
#editable-section #body ul ul, content ol ul, #editable-section #body ul ol, content ol ol { margin-bottom: 0; }
#editable-section #body form div { margin-bottom: .8em; }
#editable-section #body button { padding: 0.3em 0.5em; }
#editable-section #body blockquote > * { margin: .8em 0; }
#editable-section #body a:link { color: #36c; }
#editable-section #body a:visited { color: #99c; }
#editable-section #body a:hover { color: #c33; }
#editable-section #body a:active, .content a:focus { color: #000; }
#editable-section #body code, .content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

.no-padding #editable-section #body p{margin-bottom: 0px;}

.groups-nav{
  background:#ecf2ff;
  border:1px solid #c3d1ee;
  border-bottom:0;
  float:left;
  margin-top:10px;
}

.groups-nav li{
  border-bottom:1px solid #bbcdf0;
  border-top:1px solid #fff;
  display:block;
  padding:3px 5px;
  width:165px;
}

.groups-nav li:first-child{
  border-top:0;
}

.groups-nav li.last{
  border-bottom:0;
}

.groups-nav li a{
color:#003399;
font-weight:bold;
padding-left:3px;
}

.groups-nav li form input[type="submit"]{
background:0;
border:0;
color:#003399;
font-size:1em;
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
padding:0;
text-align:left;
}

.groups-nav li form input[type="submit"]:hover, .groups-nav li a:hover{
color:#222cf5;
cursor:pointer;
text-decoration:none;
}

.groups-nav li a.edit{
color:#cc0000;
}

.groups-nav li span{
color:#7e99cf;
float:left;
}

.groups-nav li #request-admin-status-form{
*float:left;
*width:155px;
}

.groups-nav li form{
*padding-left:3px;
*position:relative;
*top:2px;
}

.groups-nav li .leave-form{
*padding-left:10px;
}

.admin-content{
float:left;
padding:0 0 0 20px;
width:518px;
}

p.email{
color:#0033cc;
float:left;
font-weight:bold;
}

.groups_show p.email{
text-align:center;
width:100%;
}

.group-description{
border-top:1px solid #e4e4e4;
float:left;
padding-top:10px;
width:100%;
}

.groups_edit .static-gray-gradient{
width:100%;
}

.admin-content h1{
color:#001e9d;
font-size:1.6em;
margin-bottom:.2em;
text-align:center;
}

.announcements{
  float:left;
  padding:0 0 5px;
  width:100%;
}

.announcements #editable-section #body[title="(Doubleclick to edit)"]{
color:#cc0000;
font-size:100%;
font-weight:bold;
}

.announcements #editable-section #body h1{
color:#000;
font-size:1.9em;
text-align:left;
}

.admin-content h3 {
  clear: left;
  margin-bottom: 2px;
  padding-bottom: 0;
}

#search-group-topics {
  float:left;
}

#search-group-topics input[type="text"] {
  border: 1px solid #000;
  float: left;
  font-size: 1.2em;
  padding: 5px;
  width: 200px;
}

.title-bar.lg ul li .title {
  width: 585px;
}

.groups_edit #topics-list {
  width:519px;
}

.groups_edit #topics-list li{
width:508px;
}

.groups_edit #topics-list li .subject{
width:391px;
}

.groups_edit li.school-topic{
display:none;
}

.group-img-holder{
float: left;
text-align:center;
height: 131px;
width: 223px;
overflow: hidden;
}

.group-info{
font-size:.9em;
}

.group-header{
float:left;
width:225px;
}

.group-info p.admin-list a{
font-weight:normal;
}

.group-header .lc{
background:url(/images/bg-icons.png) no-repeat 0 0;
float:left;
height:30px;
width:7px;
}

.group-header .background{
background:url(/images/dk-blue-gradient.jpg) repeat-x 0 0;
float:left;
height:30px;
width:211px;
}

.group-header .rc{
background:url(/images/bg-icons.png) no-repeat 0 -36px;
float:left;
height:30px;
width:7px;
}

.group-header .background p{
color:#fff;
float:left;
font-weight:bold;
padding-top:5px;
width:165px;
}

.group-header .background p.group-members{
width:100px;
}

.group-header .background span{
color:#dde8fe;
display:block;
float:right;
font-size:.9em;
line-height:3;
}

.group-header a{
color:#dde8fe;
}

.group-files{
float:left;
padding:5px 0 10px;
width:225px;
}

.group-files p{
float:left;
font-weight:bold;
text-align:center;
width:100%;
}

.group-files ul{
font-size:.9em;
font-weight:bold;
}

.group-files ul li span{
color:#666;
}

.group-files ul li a{
color:#0033cc;
}

.group-members{
float:left;
}

.pagination{
float:left;
padding-top:10px;
}

.pagination *{
float:left;
}

.pagination p{
color:#565656;
font-weight:bold;
}

.pagination ul{
padding:0 0 0 10px;
}

.pagination ul li a{
border:1px solid #d6d6d6;
margin:0 2px;
padding:1px 7px;
}

.pagination ul li a.current-page{
border:0;
color:#666;
}

.group-info.lg{
width:100%;
}

.image-holder-sm{
border:1px solid black;
float:left;
height:37px;
margin-right:10px;
width:57px;
}

.messages-box.lg{
width:750px;
}

.messages-box.lg form{
float:left;
padding:13px 0 0;
}

.messages-box.lg input[type="text"]{
border:1px solid #000;
float:left;
font-size:1.2em;
margin-right:5px;
padding:4px 0 5px 4px;
width:200px;
}

.messages-box.lg input[type="submit"], .messages-box.small input[type="submit"]{
background:url(/images/buttons/search-groups-btn.png) no-repeat 0 0;
border:0;
color:#006f15;
float:left;
font-size:1.2em;
font-weight:bold;
height:28px;
margin-top:2px;
width:42px;
}

.messages-box span, .messages-box .link-container span{
color:#fff;
float:left;
font-size:1.2em;
padding-top:15px;
}

.messages-box .link-container span{
padding-top:0;
}

.messages-box .link-container{
float:right;
padding:3px 0 0;
}

.messages-box.lg .link-container{
padding-top:10px;
}

.messages-box a{
color:#D5FF2C;
*font-weight:bold;
/*padding-left:5px;*/
padding:0 4px;
text-decoration:underline;
}

.messages-box a.post-topic{
font-size:1.4em;
}

.messages-box #request-admin-status-link-2{
background:0;
border:0;
color:#ffff66;
font-size:1.4em;
font-weight:bold;
line-height:2;
text-decoration:underline;
width:200px;
}

.messages-box a:hover{
text-decoration:none;
}

#member-div-wrapper, #pending-topic-wrapper{
float:left;
}

.pending-div .pending-body{
clear:left;
}

.member-div, .pending-div{
border-bottom:1px solid #d5d5d5;
float:left;
padding:10px 0 10px 0;
width:764px;
}

.group_approval_requests .member-div{
width:960px;
}

.member-info, .pending-info{
color:#666;
float:left;
font-size:.9em;
line-height:1.2;
}

.member-div .member-info .image-holder{
border:1px solid #979CA0;
height:97px;
margin:0 10px 0 0;
width:158px;
}

.member-div .member-info div, .pending-div .pending-info div{
float:left;
}

.member-info strong, .pending-info strong{
color:#333;
}

.member-info strong.group-name{
font-size:1.2em;
}

.member-info a, .pending-info a{
font-size:1.2em;
font-weight:bold;
}

.pending-info a.show-pending{
font-size:1.1em;
}

.member-options, .pending-topic-options{
color:#999;
float:right;
font-weight:bold;
width:120px;
}

.member-options li, .pending-topic-options li{
border-bottom:1px solid #d8d8d8;
float:right;
padding:2px 0;
width:100%;
}

.member-options a, .pending-topic-options a{
color:#cc0000;
font-size:.9em;
font-weight:bold;
}

.member-options a:hover, .member-options form input[type="submit"]:hover{
color:#cb5454;
text-decoration:none;
}

.member-options span, .pending-topic-options span{
float:left;
padding-right:2px;
}

.member-options form input[type="submit"], .pending-topic-options form input[type="submit"]{
background:0;
border:0;
color:#cc0000;
font-size:.9em;
font-weight:bold;
padding:0;
}

.member-options form{
float:left;
padding:0 0 3px 0;
}

.member-options form input[type="submit"]:hover{
cursor:pointer;
}

.members-count{
background:#f4f4f4;
border:1px solid #d7d7d7;
border-bottom:1px solid #acacac;
float:left;
height:35px;
margin:0 0 5px;
padding:10px 0 0 8px;
width:754px;
}

.members-count ul{
float:left;
}

.members-count li{
float:left;
font-weight:bold;
padding:0 5px;
}

.members-count li:first-child{
padding-left:0;
}

/* file uploads */

#uploaded-files{
color:#333;
float:left;
}

#uploaded-files *{
float:left;
}

#uploaded-files li{
padding:5px 10px;
width:744px;
}

.saved_messages #uploaded-files li{
    margin-left: 176px;
}

.saved_messages #uploaded-files li div.filename{
    width: 470px;
    font-weight: bold;
}

#uploaded-files li.even{
background:#eee;
}

#uploaded-files li a{
font-weight:bold;
}

#uploaded-files .delete-file-link{
padding-right:10px;
}

#uploaded-files .filename{
width:340px;
*width:440px;
}

#uploaded-files .uploaded-by{
text-align:center;
width:110px;
}

#uploaded-files .file-size, #rec-list .file-size{
padding-left:21px;
width:88px;
}

.title-bar.lg ul li .filename{
width:450px;
*width:442px;
}

#uploaded-files .title-bar.lg ul li .filename{
width:350px;
*width:442px;
}

.title-bar.lg ul li .uploaded-by{
width:100px;
}

.title-bar.lg ul li .file-size{
width:48px;
}

.user_groups_index #user-delete-dialog, .group_files_index #delete-dialog {
height: auto !important;
padding-left: 20px;
width: auto !important;
}

.delete-dialog .ui-dialog-buttonpane {
margin-top: 63px;
}

#user-delete-dialog-form{
padding-left:25px;
}

#file-upload-dialog form{
float:left;
position:relative;
left:20px;
width:460px;
}

#file-upload-dialog form p{
float:left;
width:100%;
}

#file-upload-dialog form input[type="submit"]{
background:url(/images/buttons/yellow-btn.png) repeat-x 0 0 !important;
border:1px solid #ffc000 !important;
color:#333;
float:right;
font-size:1.1em;
font-weight:bold;
margin-left:10px;
position:relative;
right:5px;
top:21px;
width:65px;
height:30px;
}

#file-upload-dialog form label{
float:left;
font-size:1.2em;
margin:0 5px 0 0;
padding-top:3px;
position:relative;
top:5px;
}

#file-upload-dialog input[type="text"]{
border:1px solid #bbb !important;
float:left;
font-size:1em;
padding:3px 0 0 3px;
}

#file-upload-dialog #file_field{
border:1px solid #bbb !important;
float:left;
margin-left:14px;
padding:6px 0 0 0;
}

.deny-dialog{
padding-left:11px;
}

.deny-dialog .denial-reason{
border:1px solid #bbb !important;
height:40px;
width:458px;
}

.group_approval_requests .ui-dialog .ui-dialog-buttonpane{
margin-top:7px;
}

.hide-dialog{
display:none;
}

.messages-box.lg{
background:url(/images/black-gradient.jpg) repeat-x 0 0;
float:left;
height:53px;
width:750px;
}

.messages-box.lg form{
float:left;
padding-top:11px;
}

.messages-box.lg input{
float:left;
}

.messages-box.lg input[type="text"]{
padding:3px;
width:200px;
}

/* fb convert */

.fb-convert-col-1{
border-right:1px solid #d9d9d9;
float:left;
padding:10px 20px;
width:260px;
}

.fb-convert-col-2{
float:left;
padding:10px 20px;
width:600px;
}

.fb-convert-col-1 form{
float:left;
}

.fb-convert-col-1 form p, .fb-convert-col-2 form p{
float:left;
width:100%;
}

.fb-convert-col-1 form #fb-cw-signup, .fb-convert-col-2 form #fb-cw-sign-in{
background:transparent url(/images/buttons/75x31-yellow-btn.png) no-repeat 0 0;
border:0;
font-size:1em;
font-weight:bold;
height:31px;
width:75px;
}

.fb-convert-col-1 form input[type="text"], .fb-convert-col-1 form input[type="password"]{
border:1px solid #999;
height:17px;
padding-top:5px;
width:200px;
float:left;
}

.fb-convert-col-1 form select{
padding:5px 0;
width:212px;
}

.fb-convert-col-1 form #network_name{
position:relative;
top:-3px;
}

.fb-convert-col-1 form .email-add{
padding-left:5px;
}

.fb-convert-col-1 form .email-add input{
margin:5px 0;
width:194px;
}

.fb-convert-col-1 #fb-cw-sign-up-form #network-search{
width:178px;
}

.fb-convert-col-2 #fb-cw-sign-in-form{
float:left;
width:250px;
}

.fb-convert-col-2 #fb-cw-sign-in-form label{
float:left;
font-weight:normal;
margin-top:4px;
width:70px;
}

.fb-convert-col-2 #fb-cw-sign-in-form input[type="text"], .fb-convert-col-2 #fb-cw-sign-in-form input[type="password"]{
border:1px solid #999;
float:left;
padding-top:5px;
height:17px;
width:133px;
}

.fb-convert-col-2 #fb-cw-sign-in-form .forgot-pass{
color:#666;
float:left;
font-size:.8em;
margin-top:-12px;
}

#fb-friend-col{
float:left;
width:300px;
}

.fb-convert-col-1 form #fb-cw-signup, .fb-convert-col-2 form #fb-cw-sign-in{
margin-left:70px;
}

/* multiple use properties */

.view-all {
  float: right;
  font-weight: bold;
  padding: 10px 0 0 10px;
}

.search .view-all {
  float: right;
}

input[type="button"], input[type="submit"], button {
  font-family:Arial;
}

input[type="button"]:hover, input[type="submit"]:hover, button:hover {
  cursor: pointer;
}

.button:hover {
  opacity: .8;
}

.static_not_found .span-10, .static_error .span-10 {
  font-size: 140%;
  line-height: 1.3;
  padding-top: 50px;
}

.static_not_found .span-10 ul, .static_error .span-10 ul {
  padding: 10px 0;
}

.static_not_found .span-10 ul li a, .static_error .span-10 ul li a{
color:#0000ff;
font-weight:bold;
text-decoration:none;
}

.static_not_found h2, .static_error h2{
color:#000;
font-size:1.6em;
margin:0;
}

#not-found, #kitty{
padding-left:50px;
}

.static_not_found span{
color:#333;
}

.borderless{
border:0 !important;
}

.border{
border-bottom:1px solid #eaeaea;
}

.space{
padding:6px 0;
}

h1.group-name{
color:#003399;
width:100%;
}

p.email-domain{
float:left;
font-size:1.2em;
font-weight:bold;
}

h2.hp-header{
color:#00001d;
float:left;
font-size:1.6em;
}

.image-holder-lg{
border:1px solid #000;
float:left;
height:102px;
margin-bottom:10px;
width:174px;
}

.static_team h3{
font-size:1.1em;
font-weight:bold;
margin-bottom:5px;
padding-top: 5px;
}

.static_team .span-main ul li{
list-style-type: square;
}

.spotlight-btm{
float:left;
}

h2.not-found{
color:#000;
font-size:1.8em;
}

/* toaster */

.toaster{
  background:#ffe7e7;
  border-bottom:2px solid #e88888;
  padding:5px;
  position:fixed;
  left:0;
  top:0;
  text-align:center;
  width:100%;
}

.toaster h4{
  font-size:1.2em;
  height:17px;
  line-height:1.2;
  margin-bottom:0;
  padding:5px 5px 5px 28px;
}

.toaster p{
  display:none;
}

#slider{
  display:none;
}

.ui-slider {
  background:#f5f5f5;
  border:1px solid #DDDDDD;
  color:#f5f5f5;
  font-family:Verdana,Arial,sans-serif;
  font-size:1.1em;
  height:0.8em;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:3px 0 0;
  padding:0;
  position:relative;
  text-decoration:none;
}

.ui-slider #handle_slider{
  background:url(/images/buttons/yellow-btn.png) repeat-x 0 0;
  display:block;
  height:10px;
  width:70px;
}

.error-font, #email_error_div{
  color:red;
}

#create-group p.options{
  padding-left:132px;
  width:400px;
}

#create-group p.options label{
  font-weight:bold;
  text-align: left;
  text-indent:0px;
  padding-top:2px;
  width:auto;
}

#create-group p.options input[type="checkbox"]{
  float:left;
}

#edit-group p.options, #edit-network p.options {
  padding-left:132px;
  width:400px;
}

#edit-group p.options label{
  font-weight:bold;
  text-align: left;
  text-indent:0px;
  padding-top:2px;
  width:auto;
}

#edit-group p.options input[type="checkbox"], #edit-network p.options input[type="checkbox"] {
  float:left;
}

.question_mark {
  float:left;
  padding:0 !important;
  margin:0 !important;
}

/* chat window
---------------------------------------------------------------*/
#habla_window_div {
  right: 0 !important;
  bottom: 0 !important;
}

.email-text {
  padding-left: 10px;
  font-size: 16px;
  color: green;
}

.delete-link {
  background: url(/images/silver-gradient.jpg) repeat-x 0 0;
  border: 0px;
  border-right: 1px solid #b1b1b1;
  color: #000;
  display: block;
  float: left;
  font-size: 1.2em;
  font-weight: bold;
  height: 36.5px;
  line-height: 2.5;
  margin: 0 0 15px;
  padding: 0 2em 0 1.5em;

}

.deleted-page {
  color: #3440A2;
  font-weight: bold;
  margin: 0px 280px 0 280px;
  text-align: center;
  text-decoration: none;
  padding: 10px;
}

.deleted-page-content {
    margin-top: 50px;
    border: 1px solid #3440A2;
    padding: 10px;
}


.groups_new p.twitter-video {
    margin-top: 285px;
}

.groups_edit p.twitter-video {
    margin-top: 318px;
}


/* sign up and payment form
---------------------------------------------------------------*/

.static #form-container, .datatel #form-container {
    width:519px;
    min-height:400px;
    padding-left:42px;
    margin-top:8px;

}

.datatel #form-container label.error {
  clear:both;
  float: right;
  padding-right: 120px;
  font-size: .9em;
  width: auto;
}

.static #form-container label, .datatel #form-container label.header {
 clear: both;
  display: block;
  float: left;
  font-size: 1.1em;
  padding-right: 10px;
  text-align: right;
  width: 160px;

}



.static #form-container .text, .datatel #form-container .text {
    width:200px;
    height:20px;
    padding-left:8px;
    border:1px solid #BBBBBB;

}

.static #form-container .text-1, .datatel #form-container .text-1 {
    width:40px;
    height:20px;
    padding-left:8px;
    border:1px solid #BBBBBB;

}

.static #form-container textarea, .datatel #form-container textarea {
  height: 100px;
  overflow: auto;
  width: 198px;
}

.static #form-container fieldset, .datatel #form-container fieldset {
    padding:14px;
}

.static #form-container legend, .datatel #form-container legend {
     padding:0 4px;
}

.static #form-container #submit, .datatel #form-container #submit {
  background: transparent url(/images/hp-submit.jpg) no-repeat 0 0;
  border: 0;
  float: left;
  font-size: 1.1em;
  height: 28px;
  width: 56px;
}

#logo-container {
    width:612px;
    height:48px;
    margin-bottom:10px;
    padding-left:188px;
 }

 #logo-container img {
     float:left;
     margin-right:100px;
 }

 /*chat modified
 ------------------------------------------------------*/

 #chat-with {
  float: right;
  position: relative;
  min-height: 120px;
  width: 286px;
 }

 #chat-with .to-left {
  background: transparent url(/images/hp-blue-grad-lc.png) no-repeat 0 0;
  float:left;
  width:275px;
  min-height:80px;
 }

 #chat-with .to-left .chat-button {
  background: transparent url(/images/bg-demo.png) no-repeat 0 0;
  padding: 7px 0 0 10px;
  height: 37px;
  width: 215px;
  margin: 20px 0 0 31px;
 }

 #chat-with .to-left .chat-button a {
  background: transparent url(/images/icon-chat.png) no-repeat 0 0;
  color: #000033;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 4px 0 0 10px;
  text-align:center;
  width:180px;
  height:30px;
 }

 #chat-with .to-right {
  background: transparent url(/images/hp-blue-grad-rc.png) no-repeat 0 0;
  float: right;
  min-height:80px;
  width: 11px;
 }

#chat-with #call {
  background: #000;
  color: #fff;
  min-height:30px;
  padding: 10px;
  float:left;
  text-align: center;
  width: 266px;
}

 #chat-with #call span {
  display:block;
  color: #ccff00;
}

/* this fixed the chat with us problem in IE
**********************************************/
#chat-box {
    width:286px;
    min-height:120px;
    float:right;
    padding-left: 20px;
}

.rk {
  background: transparent url(/images/hp-blue-grad-rc.png) no-repeat 0 0;
  float: left;
  height: 140px;
  width: 11px;

}

.height158 {height:158px;}

/*   Home page video unorder list
**************************************************/
ul.video-list {
 display:block;
}

ul.video-list li {
    list-style-image: url(/images/dash.png);
    margin:0 0 0 14px;
    font-weight:bold;
    line-height:15px;
}

#attachment_container{
    display:none;
}

.attach-link{
    float: left;
    padding-left: 5px;
    margin-top:9px;
}

.topic-template .attach-link{
    margin-top:12px;
}

#attachment_container_files p{
    clear: both;
}


/*   Video Alert
**************************************************/

.video-container {
	width: 730px;
	margin: 0 auto;
}

h2.trigger {
	margin: 0 0 0 0;
	background: url(/images/tabss.png) 100px 0 no-repeat;
	height: 46px;
	width: 730px;
	float: left;
}

h2.trigger .checks {
	color: #000;
	display: block;
	padding:2px 0 2px 20px;
	float:left;
        font:normal 12px Arial;
}

.fb {
    background: transparent url(/images/fb-logo-small.png) 143px 4px no-repeat;
}

.toggle_container {
	margin: 0 0 20px 100px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: url(/images/toggle_block_stretch.png) repeat-y left top;
	width: 627px;
	float:left;
}

.toggle_container .blocked {
	padding: 20px;
	background: url(/images/toggle_block_btm.png) no-repeat left bottom;
        min-height:20px;
        width:100%;
        float:left;
}

/*
.toggle_container .blocked p {
	padding: 5px 0;
	margin: 5px 0;
}
*/

.border-bot {
    border-bottom:1px dotted #CCCCCC;
    width:590px;
    margin: 24px 0;
}

.go {
    width:50px;
    height:20px;
    border:1px solid #CCCCCC;
    font:normal 12px Arial;
}

#voice-alert-form #voice_alert_caller_id, #sound-record-form #sound_file_callee_id{
    width: 120px;
}

#sound-upload-form #sound_file_file_name, #sound-record-form #sound_file_file_name{
    width: 280px;
}

#sound-upload-form #upload-btn{
   margin-left: 30px;
}

.ex{
    padding-left:100px;
}

.ex1{
    padding-left:5px;
}

.expand {
    width:60px;
    height:20px;
    float:right;
    font-size:12px;
    text-align:right;
    padding:14px 16px 0 0;
}


.mail-preview {
    width:526px;
    float:left;
    padding:20px 20px;
    border:1px solid #BBBBBB;
}

#create-msg{
    color: #8A1F11;
    font-weight: bold;
    margin-left: 70px;
}

#create-msg a{
    margin-left: 5px;
    font-weight: normal;
}

#smpp_alert_message{
    width: 455px;
    height: 100px;
}

#smpp-alert-div{
    font-size: 12px;
    color: #8A1F11;
    font-weight: bold;
    margin-bottom: 5px;
}

#smpp-alert-form .counter{
    padding-left: 100px;
    font-style:italic;
}

#p-message label.error{
  padding-left: 100px;
}

#smpp-alert-form label.to, #voice-alert-form label.to,#voice-alert-form label.subject {
 margin-top: 4px;
}

.span-150{
    margin-left: 806px;
}

#sound-record-form #phone{
    margin-top: 4px;
}

#loading-image-voice-alert{
    float: right;
    padding-left: 0px;
}

#web_email_check{
    margin-top: 5px;
}

#smpp-check-lbl span{
    padding-bottom: 10px;
}


/*   Message Preview
*********************************************/
.mobile {
	width:320px;
	height:480px;
	background:url(/images/mobile_photo.png) top left no-repeat;
	float:left;
}

.msg {
	float:left;
	min-height:72px;
	margin:132px 0 0 3px;
	width:294px;
}

.msg .msg-top-section {
    clear:left;
	height:13px;
	width:294px;
	background:url(/images/msg-top.gif) top left no-repeat;
}

.msg .msg-mid-repeat {
 	width:294px;
	background:url(/images/msg-mid-repeat.gif) top left repeat-y;
	font:bold 16px Arial, Helvetica, sans-serif;
	position:relative;

}

.msg .msg-bottom-section {
    clear:left;
	height:18px;
	width:294px;
	background:url(/images/msg-bottom.gif) top left no-repeat;

}

.msg .msg-content {
    position:relative;
	min-height:34px;
	width:272px;
	top:-4px;
	left:22px;
	font:bold 16px Arial, Helvetica, sans-serif;
}


.msg .msg-content p {
	margin:0;
	padding:0;
        overflow:hidden;
}

/* These styles create the dropdown menus. */
ul#navbar {
   margin: 17px 0 0 14px;
   padding: 0;
   font-family:Arial, Helvetica, sans-serif;
   float:left;
   width: 491px;
}


ul#navbar li {
  list-style: none;
  float: left;
  margin: 0;
  padding: 0 4px;
  text-align: center;
  line-height:1.2;
}

ul#navbar li a.home {
  height: 31px;
  padding-top: 15px;
}


ul#navbar li a.current {
  background: url(/images/main-nav-current-right.png) no-repeat right bottom;
  color: #000;
}


ul#navbar li.current {
  background: url(/images/main-nav-current-left.png) no-repeat left bottom;
}

ul#navbar li a {
   display: block;
   text-decoration: none;
   text-align:center;
   color:#D1FF7B;
   font-size:1.1em;
   font-weight:bold;
   height: 40px;
   padding: 6px 15px 0 7px;
   outline:none;
}

ul#navbar li.noclick {
   padding:0 2px 0 11px;
   cursor:text;
}

ul#navbar li.groups {
   padding:0 13px 0 6px;
   margin-left:-3px;
}

ul#navbar li.admin {
   padding-left:2px;
   
}

ul#navbar li.admin a {
    cursor:text;
}

ul#navbar li a span {
  font-weight:normal;
  padding-bottom: 10px;
}

ul#navbar li ul {
   display: none;
   border: 1px solid #9FC1E7;
   border-top:0;
   width: 208px;
   margin:0;
   z-index:1;
}

ul#navbar li ul li {
   margin:0;
   padding:0;
}

ul#navbar li ul li a {
   padding:6px 4px;
   margin:-2px 0 0 0;
   height:auto!important;
   background:#fff;
   border-top:1px solid #999;
   font-size:1.0em;
  
}

ul#navbar li:hover ul {
   display: block;
   position: absolute;
   margin: 46px 0 0 -5px;
   padding: 0;
}


ul#navbar li:hover li a, ul#navbar li.hover li a {
   
   color: #333fa1;
   font-weight:bold;
   text-align:left;
   width:200px;
}

ul#navbar li li a:hover {
   /*background: url(/images/dk-blue-gradient.jpg);*/
   background:#3144a0;
   color: #fff;
   cursor:pointer;
 }

 .dlg-close{
     font-weight: bold;
     color: blue;
 }

 .field-container_first_name, .field-container_last_name{
     width: 120px;
 }

 .field-container_email{
     width: 240px; }

 #rss a {font-family:Verdana; font-size:12px; color:#484a03; text-decoration:none; font-weight:bold; margin-left:50px;}

#rss ul {margin:10px 0 0 0; padding:0; font-family:Verdana; font-size:11px; list-style:none;}
#rss div {
    font:normal 10px Arial,Helvetica,sans-serif;
    font-size:12px;
    color:#222222;
    margin-bottom:10px;
}
#rss .date {
    font:bold 11px Arial,Helvetica,sans-serif;
    color:#222222;
    width:200px;
}

#rss .headline a {
    font:bold 12px Arial,Helvetica,sans-serif;
    color:#0033FF;
    text-decoration:none;
    margin:0;
}

#rss .headline a:hover {
    text-decoration:underline;
}

#creditfooter {
    display:none;
}

 #field-container-list{
     margin-bottom: 5px;
 }

 #field-container{
     padding-top: 5px;
 }

 .field-container_add{
     padding-left: 2px;
 }



#edit-network #wrapper-color{
     margin:0px 0 10px 10px;
     padding:10px 0 10px 0;
     width: 540px;
     border:1px solid #bbb;
 }

 #wrapper-color .image-upload div{
     height : 93px;
 }

 #wrapper-color .image-upload div.current-logo{
     height : 39px;
 }

 #edit-network .current-logo{
  border:1px solid #bbb;
  float:left;
  margin-left:23px;
  margin-top: 20px;
  padding:0;
  width:170px;
}

 #wrapper-color p{
    margin-left: 20px;
 }

 #wrapper-color p.ex{
    margin-left: 175px;
 }

 #wrapper-color .color-option-div{
     width: 320px;
     height: 120px;
     padding: 0px;
     font-weight: bold;
 }

 #wrapper-color .color-option-div .color_picker{
    width: 80px;
}

 #wrapper-color .color-menu-div{
     width: 200px;
     height: 110px;
     padding: 0px;
     margin-left: 10px;
 }

 .color-menu-div img{
     padding-top: 5px;
 }

p#copyright { margin: 20px 10px; font-size: 90%; color: #999; }

/* Form styles */
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.controlset {height: 20px; display: block; float:left; width: 100%; padding: 0.25em 0;}

div.controlset label,
div.controlset input,
div.controlset div { display: inline; float: left; }

div.controlset label { width: 100px;}

 /* Parature embed section
 **************************************************/


#parature-width {
/*width:622px;*/
width:600px;
padding:30px 19px 0 16px;
float:left;
}

#parature-width fieldset {
border:0;
border-top:1px solid #787b80;
/*border-bottom:1px solid #BBBBBB;*/
padding:10px 0px 10px 10px;
/*width: 600px;*/
width:100%;
}

#parature-width legend {
font:bold 13px Verdana, Geneva, sans-serif;
color:#004dff;
padding:0 10px;
}

#parature-width .legend-red {
font:bold 13px Verdana, Geneva, sans-serif;
color:#ee3333;
padding:0 10px;
}

#parature-width input {
    float:left;
    margin:0;
}

#parature-width label {
    display:block;
    float:left;
    color:#333333;
    font-weight:bold;
    font-size:12px;
    margin:5px 3px 0 2px;
}

#parature-width p {
    margin:0 0 20px;
    width:100%;
    display:block;
    float:left;
}

#parature-width div {
    float:left;
    margin-bottom:10px;
}

#parature-width span {
    display:block;
    padding-left:5px;
    float:left;
}

#parature-width .input-field {
    display:block;
    padding-left:5px;
    float:left;
}

#parature-width .parature_first_name_div {
    width: 153px;
    margin-bottom:10px;
}

.parature_first_name, .parature_last_name {
   width:146px;
}

.unsubscribe-textbox {
    width:272px;
   
}

.parature_email {
   width:272px;
}

#parature-width .line {
    border-bottom:1px solid #ccc;
    width:100%;
}

.carrier {
  padding:0;
  width:154px;
  border:1px solid #BBBBBB;
  color:#666666;
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bold;
}

.carrier_div{
    width: 154px;
}

.parature-join, .unsubscribe {
    width:60px;
    height:27px;
    border:none;
    background:url(/images/para-repeat.gif) top left repeat-x;
    border:1px solid #b5b8c8;
    font-weight:bold;
    font-size:11px;
    color:#000000;
}

.unsubscribe {
    width:100px;
}

.recent-message {
    width:100%;
    height:38px;
    float:left;
}

.recent-message .rleft, .recent-message .rright {
    width:10px;
    height:38px;
    float:left;
    background:url(/images/recent-left.png) top left no-repeat;
}

.recent-message .rright {
   background:url(/images/recent-right.png) top left no-repeat;
}

.recent-message .rmid {
   width:580px;
   height:38px;
   float:left;
   background:url(/images/r-mid-repeat.png) top left repeat-x;
}


.recent-message h2 {
    color:#FFFFFF;
    float:left;
    font-size:1.4em;
    font-weight:normal;
    padding:6px 0 0 5px;
    font-family:Arial, Helvetica, sans-serif;
    margin:0;
}

#parature-width #list-box, #parature-width .msg-repeat {
    width:97%;
    padding:0 1% 1%;
    margin-bottom:0;
}

#list-box p, .msg-repeat p {
    margin:0!important;
    padding:0;
}

#list-box em, .msg-repeat em {
    color:#666666;
}

#parature-width .powered {
    width:198px;
    float:right;
    margin:18px 0 0 0;
    font:normal 1.1em Arial, Helvetica, sans-serif;
    color:#fff;
}

.color-green {
    color:#e4ff3c;
    float:right;
}

a.unlink {
    font-weight:normal;
    font-size:11px;
    color:#666666;
    text-decoration:underline;
}

a.getit {
    font:normal 0.9em Arial, Helvetica, sans-serif;
    color:#e4ff3c;
    text-decoration:underline;
}

#default-logo{
    float: left;
}

.current-logo {
    font-weight: bold;
}

.color-option-div input.checkbox{
    float:left;
    margin-left: 10px;
    margin-right: 0.5em;
}

#mobile-carrier input.checkbox{
    margin-right: 3px;
    margin-top:7px;
    float: left;
}

.phone-number-div{
    width: 150px;
}
.country-code-div{
    width: 30px;
}

#enter-mobile .country-code-div input[type="text"]{
    width: 30px;
}

.carrier-selector-div{
    width: 160px;
    margin-left: 10px;
}

.carrier-selector{
    width: 157px;
}

.phone-type-div{
    width: 130px;
}

.phone-type-div span{
    float:left;
    padding-left: 10px;
}

#mobile-carrier span a{
    padding-top: 20px;
}

.add-phone-div{
    width: 85px;
    margin-top: 5px;
}

.phone-type-div label, .send-email-span label {
color:#333333;
display:block;
float:left;
font-size:12px;
font-weight:bold;
margin:5px 3px 0 0px;
}

.phone-type-div label.error {
border-color:#FBC2C4;
color:#8A1F11;
float:left;
font-size:10px;
}

.hidden-members{
    text-align: center;
    margin-top: 5px;
}

.hinds ul {
  padding:10px 0 5px;
  text-align:center;
}

.aggregates_index .hinds ul{
   padding:10px 0 15px;
}

.create-edit .group-type-choice .reply-options{
    margin-top: 2px;
    margin-bottom: 2px;
}

#reply-type .group-type-choice{
    margin-top: 5px;
    margin-bottom: 5px;
}

.create-edit .group-type-choice .reply-options input[type="radio"] {
    margin-top: 0px;
    margin-left: 5px;
}

.landing-url-text{
    width: 305px;
}

.send-email-span input.checkbox{
    margin-top: 3px;
    margin-right: 3px;
    float: left;
}

#footer_text label{
    font-weight: normal;
}

#from-address p, .topic-from span{
    width: 50%;
}

.topic-from-div div{
    width: 189px;
}

#from-address p input{
    width: 90%;
}

 .topic-from input.text{
    width: 184px;
 }

#footer_text label.error,
#reply_to_text label.error,
#subject_prefix_text label.error{
   display: block;
   clear: both;
}

#reply_to_text label.error,
#subject_prefix_text label.error{
    margin-left: 37px;
}

.rss-type input.checkbox{
    margin-right: 0px;
}

.topic-from-div #topic_posted_anonymously,
.topic-from #custom_reply_to{
    margin-top: 10px;
}

.create-edit #edit-email-option{
    width: 100%;
    height: auto;
    padding: 0px 0px;
}

#edit-group p.options input.checkbox,
#create-group p.options input.checkbox{
    margin-right: 0px;
}

#email-from{
    width: 450px;
}

.topic-from-div .hide-lnk{
    width: 20px;
    margin-left: 15px;
    margin-top: 10px;
}

#email-from-span{
    width: 500px;
}

#email-from-lnk{
    width: 20px;
}

.create-edit .social-media input[type="radio"]{
    margin-top: 2px;
}

#edit-network .social-media{
    margin-left: 30px;
}