@import url("fonts.css");
:root
{
    --red: #b00;
    --blue: #00b;
    --fullwidth: 100%;
}
*, html { vertical-align:top; }
body
{
    margin:0;
    padding:0;
    font:normal 14px Helvetica Neue, Arial, Helvetica;
    color:#000000;
    background:#eef4f8; /*##ecf2f6|e9eff3|eeeeee|fafafa|f8f8f8*/
    vertical-align:top;
}
div, table, tr, td, ul, li, a, form, textarea { box-sizing:border-box; }
img { border:none; background:none; }
a { color:#007acc; -webkit-transition: all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
a:hover { text-decoration:none; color:#672179; }
b { vertical-align:top; }
i { vertical-align:middle; }
ul, ol { list-style-type:none; margin:0; padding:0; }

h1 { margin:0px; padding:0px; text-align:left; }
h2 { margin:0px; padding:0px; }
h3 { margin:0px; padding:0px; }
h4 { margin:0px; padding:0px; }

table.gridtable { display:inline-block; margin:10px 0px 10px 0px; padding:0px; border:2px solid #777777; border-right:none; border-bottom:none; border-spacing:0px; background:none; }
table.gridtable tr { }
table.gridtable th, table.gridtable td  { margin:0px; padding:4px 8px 4px 8px; border:2px solid #777777; border-left:none; border-top:none; border-spacing:0px; font:normal 14px Helvetica Neue, Arial; text-align:center; vertical-align:middle; color:#555555; background:#efefef; }

table.gridtable tr.field th, table.gridtable tr.field td { padding:2px 6px 2px 6px; color:#ffffff; background:#888888; }
table.gridtable th.field, table.gridtable td.field { padding:2px 6px 2px 6px; color:#ffffff; background:#888888; }

table.gridtable tr td.hbar { height:0px; margin:0px; padding:0px; background:#777777; }
table.gridtable tr th.vbar, table.gridtable tr td.vbar { border-right:5px solid #777777; }

div.clear { clear:both; }

div.error_sign { display:inline-block; margin:10% 0px 0px 0px; padding:20px; font:bold 18px Helvetica Neue, Arial; text-align:center; color:#bbbbbb; border:3px solid #ffffff; border-radius:10px; }



#main { display:inline-block; width:100%; height:auto; text-align:center; background:none; }







/*##  BEGIN LOGIN FORM  #####################################################################################*/

#login { display:block; margin:0px; padding:0px; text-align:center; }
#login_form { display:inline-block; margin:0px; padding:10px; background:none; }
#login_form ul { display:inline-block; width:100%; margin:0px; padding:0px; font:normal 14px Helvetica Neue, Arial; color:#333333; background:none; }
#login_form ul > li { display:block; width:100%; margin:8px 0px 8px 0px; padding:0px; text-align:right; background:none; }

#login_form ul > li > input.login_field { display:inline-block; width:200px; height:auto; margin:0px; padding:10px; font:normal 18px Helvetica Neue, Arial; color:#808080; border:1px solid #dadada; border-radius:6px; background:#fafafa; }
#login_form ul > li > input.login_field::-webkit-input-placeholder { color:Silver; /* WebKit browsers */ }
#login_form ul > li > input.login_field:-moz-placeholder { color:Silver; opacity:1; /* Mozilla Firefox 4 to 18 */ }
#login_form ul > li > input.login_field::-moz-placeholder { color:Silver; opacity:1; /* Mozilla Firefox 19+ */ }
#login_form ul > li > input.login_field:-ms-input-placeholder { color:Silver; /* Internet Explorer 10+ */ }

#login_form ul > li > input.login_submit { display:inline-block; width:120px; margin:0px; padding:10px; font:normal 16px Helvetica Neue, Arial; color:#ffffff; border:none; border-radius:6px; background:#666666; }
#login_form ul > li > input.login_submit:hover { color:#ffffff; background:#4ab95a; cursor:pointer; }

/*##  END LOGIN FORM  #####################################################################################*/














/*##  BEGIN HEADER  #####################################################################################*/

/* offset-x | offset-y | blur-radius | spread-radius | color */


/*## HEADER ##*/
#header { display:block; position:fixed; z-index:1000; width:100%; height:46px; margin:0px; padding:0px; text-align:center; vertical-align:middle; /*border-bottom:solid 1.5px #acb1b4;*/ /*acb1b4|a3a8aa|dddddd*/ background:#ffffff; box-shadow:0px 1px 1px 1px rgba(0, 0, 0, 0.2); }
#header > div.container { display:inline-block; position:relative; max-width:1186px; width:100%; height:46px; margin:0px; padding:0px; text-align:left; background:none; }



/*## HEADER_LOGO ##*/
#header_logo { display:inline-block; width:46px; height:46px; margin:0px; padding:6px; vertical-align:middle; background:none;/*none|354d5c*/ }
#header_logo > img { display:inline-block; width:100%; height:auto; margin:0px; padding:0px; }




/*## HEADER_NAV ##*/
#header_nav { display:none; position:absolute; left:0px; top:42px; width:100%; min-height:200px; height:auto; margin:0px; padding:0px; text-align:left; border-bottom:1.5px solid #cccccc; background:#dddddd; }

#header_nav_show { display:none; box-sizing:border-box; width:46px; height:46px; margin:0px; padding:6px; vertical-align:middle; background:none; cursor:pointer; } 
#header_nav_show > img { display:inline-block; width:100%; height:auto; margin:0px; padding:0px; }
input#header_nav_cb[type=checkbox]{ display:none; -webkit-appearance:none; } 
input#header_nav_cb[type=checkbox]:checked ~ #header_nav { display:block; } 









/*## HEADER_SEARCH ##*/
#header_search { display:inline-block; height:46px; margin:0px; padding:7px 10px 0px 10px; background:none; }
#header_search > form { display:inline-block; margin:0px; padding:0px; }
#header_search > form > input[type=text] { display:inline-block; box-sizing:border-box; width:180px; height:32px; margin:0px; padding:0px 0px 0px 10px; font:normal 13px Helvetica Neue, Arial; color:#717171; border:1px solid #e6ecf0; border-right:none; border-radius:8px 0px 0px 8px; background:#f7fafc; -webkit-appearance:none; }
#header_search > form > input[type=text]::-webkit-input-placeholder { font:100 13px Helvetica Neue, Arial; color:#999999; /* WebKit browsers */ }
#header_search > form > input[type=text]:-moz-placeholder { font:100 13px Helvetica Neue, Arial; color:#999999; opacity:1; /* Mozilla Firefox 4 to 18 */ }
#header_search > form > input[type=text]::-moz-placeholder { font:100 13px Helvetica Neue, Arial; color:#999999; opacity:1; /* Mozilla Firefox 19+ */ }
#header_search > form > input[type=text]:-ms-input-placeholder { font:100 13px Helvetica Neue, Arial; color:#999999; /* Internet Explorer 10+ */ }

#header_search > form > input[type=image] { display:inline-block; box-sizing:border-box; width:32px; height:32px; margin:0px; padding:2px 8px 2px 4px; border:1px solid #e6ecf0; border-left:none; border-radius:0px 8px 8px 0px; background:#f7fafc; -webkit-appearance:none; cursor:pointer; }
















/*## HEADER_RIGHT ##*/
#header_right { display:inline-block; float:right; height:46px; text-align:right; background:none; }



/*## HEADER_MENU ##*/
#header_menu { display:inline-block; background:none; }
#header_menu > ul { display:inline-block; margin:0px; padding:0px; text-align:left; }
#header_menu > ul > li { display:inline-block; box-sizing:border-box; margin:0px; padding:0px; text-align:left; }
#header_menu > ul > li > a { display:inline-block; box-sizing:border-box; height:46px; margin:0px; padding:12px 12px 0px 12px; font:normal 12px/24px Helvetica Neue, Arial; text-decoration:none; text-align:left; color:#999999; }
#header_menu > ul > li > a > i { margin:0px 4px 0px 0px; font-size:14px; }
#header_menu > ul > li > a > img { display:inline-block; box-sizing:border-box; width:22px; height:22px; margin:0px 2px 0px 0px; padding:0px; }
#header_menu > ul > li:hover > a { color:#1ea2f1; /*border-bottom:3px solid #1ea2f1;*/ }
#header_menu > ul > li:active > a { color:#1ea2f1; /*border-bottom:3px solid #1ea2f1;*/ }
#header_menu > ul > li.active > a { color:#1ea2f1; /*border-bottom:3px solid #1ea2f1;*/ }



/*## HEADER_ACCOUNT MENU ##*/
#header_account_menu { display:inline-block; position:relative; height:46px; text-align:left; background:none; }

#header_account_menu > ul { display:inline-block; position:relative; margin:0px; padding:0px; text-align:right; background:none; }
#header_account_menu > ul > li { display:inline-block; width:39px; height:46px; text-align:center; background:none; }
#header_account_menu > ul > li > div.user_image { display:inline-block; position:relative; width:39px; height:auto; margin:0px; padding:7px 0px 7px 7px; text-align:center; vertical-align:middle; cursor:pointer; }
#header_account_menu > ul > li > div.user_image > img { display:inline-block; box-sizing:border-box; width:32px;/*30px for msg_count*/ height:auto; vertical-align:middle; border:1px solid #e6ecf0; border-radius:8px; background:#ffffff; }
#header_account_menu > ul > li > div.user_image > div.msg_count { display:inline-block; position:absolute; right:6px; top:7px; width:13px; height:auto; font:normal 7px Helvetica Neue, Arial; text-align:center; color:#eeeeee; background:none; }

#header_account_menu > ul > li > ul { display:none; position:absolute; right:0px; top:46px; min-width:140px; height:auto; padding:10px 0px 4px 0px; border:1px solid #ced3d6; border-top:0px; background:#ffffff; }
#header_account_menu > ul > li > ul > li { display:block; width:100%; height:auto; text-align:right; }
#header_account_menu > ul > li > ul > li > a { display:inline-block; width:100%; height:auto; margin:0px; padding:4px 12px 4px 24px; font:normal 12px Helvetica Neue, Arial; text-decoration:none; text-align:right; vertical-align:middle; color:#333333; }
#header_account_menu > ul > li > ul > li:hover > a { color:#007acc; }

#header_account_menu > ul > li:hover { background:none; }
#header_account_menu > ul > li:hover > ul { display:inline-block; }



/*##  END HEADER  #####################################################################################*/














/*##  BEGIN CONTENT  #####################################################################################*/

#content { display:block; position:relative; z-index:100; width:100%; height:auto; margin:46px 0px 0px 0px; padding:0px; text-align:center; vertical-align:top; background:none; }

/*##  END CONTENT  #####################################################################################*/














/*##  BEGIN DASHBOARD  #####################################################################################*/

#dashboard { display:inline-block; position:relative; width:100%; max-width:1186px; height:auto; margin:10px 0px 0px 0px; padding:0px; text-align:left; background:none; }




/*## DASHBOARD_LEFT ##*/
#dashboard_left { display:inline-block; width:286px; height:auto; margin:0px; padding:0px; text-align:left; background:none; }

/*## DASHBOARD_LEFT_PROFILE ##*/
#dashboard_left_profile { display:block; width:100%; height:auto; margin:0px; padding:0px; text-align:center; background:#ffffff; }

#dashboard_left_profile_head { display:block; width:100%; height:62px; margin:0px; padding:0px; background:#1ea2f1; }
#dashboard_left_profile_name { display:block; width:100%; height:auto; margin:0px; padding:12px 6px 2px 6px; font:bold 18px Helvetica Neue, Arial; color:#fafafa; background:none; }
#dashboard_left_profile_username { display:block; width:100%; height:auto; margin:0px; padding:0px 6px 6px 6px; font:normal 14px Helvetica Neue, Arial; color:#d0d0d0; background:none; }

#dashboard_left_profile_image { display:inline-block; box-sizing:border-box; max-width:150px; width:90%; height:auto; margin:10px 0px 0px 0px; padding:0px; border-radius:50%; background:none; }

#dashboard_left_profile_infolist { display:block; width:100%; height:auto; margin:1px 0px 0px 0px; padding:6px; text-align:left; /*border-top:1.5px solid #dddddd;*/ background:none; }
#dashboard_left_profile_infolist > li { display:block; width:100%; height:auto; margin:0px; padding:6px 6px 6px 12px; font:normal 14px Helvetica Neue, Arial; text-align:left; color:#999999; border-top:1.5px solid #f5f5f5; background:none; }
#dashboard_left_profile_infolist > li > img { display:inline-block; width:14px; height:auto; margin:0px 10px 0px 0px; padding:0px; background:none; }


/*## DASHBOARD_LEFT_LIST ##*/
#dashboard_left_list { display:block; width:100%; height:auto; margin:10px 0px 0px 0px; padding:0px; text-align:center; border:none; background:#ffffff; }
#dashboard_left_list > li { display:block; width:100%; height:auto; margin:0px; padding:0px; text-align:center; border-top:1.5px solid #e6ecf0; background:none; }
#dashboard_left_list > li > div.list_title { display:block; width:100%; height:30px; margin:0px; padding:6px 6px 6px 12px; font:normal 12px/18px Helvetica Neue, Arial; text-align:left; vertical-align:middle; color:#999999; background:none; cursor:pointer; }
#dashboard_left_list > li > div.list_content { display:none; width:100%; height:auto; margin:0px; padding:12px; text-align:left; background:#e5e5e5; }
#dashboard_left_list > li:first-of-type { border-top:none; }

#dashboard_left_list > li:hover > div.list_title { background:#e5e5e5; }
#dashboard_left_list > li.active > div.list_title { font-weight:bold; color:#ffffff; background:#1ea2f1; }
#dashboard_left_list > li.active > div.list_content { display:inline-block; }


/*## DASHBOARD_LEFT_COPY ##*/
#dashboard_left_copy { display:block; width:100%; height:auto; margin:10px 0px 0px 0px; padding:0px; background:#ffffff; }
#dashboard_left_copy > ul { display:block; width:100%; height:auto; margin:0px; padding:10px; text-align:left; }
#dashboard_left_copy > ul > li { display:inline-block; margin:0px; padding:0px 5px 0px 5px; font:normal 11px Helvetica Neue, Arial; text-align:left; color:#999999; background:#ffffff; }
#dashboard_left_copy > ul > li > a { display:inline-block; margin:0px; padding:0px; font:normal 11px Helvetica Neue, Arial; text-decoration:none; text-align:left; color:#999999; background:#ffffff; }

#dashboard_left_copy > div.foot { display:inline-block; width:100%; height:auto; margin:0px; padding:15px; font:normal 11px Helvetica Neue, Arial; text-align:left; color:#999999; border-top:1px solid #e9eff3; background:#ffffff; }
#dashboard_left_copy > div.foot > a { display:inline-block; margin:0px; padding:0px; font:normal 11px/24px Helvetica Neue, Arial; text-decoration:none; text-align:left; color:#999999; background:#ffffff; }
#dashboard_left_copy > div.foot > a > img { display:inline-block; box-sizing:border-box; width:24px; height:auto; }
#dashboard_left_copy > div.foot > a > i { font-size:24px; }
#dashboard_left_copy > div.foot > a:hover { color:#1ea2f1; }







/*## DASHBOARD_CONTENT ##*/
#dashboard_content { display:inline-block; width:590px; height:auto; margin:0px 12px 0px 12px; padding:0px; text-align:center; background:none; }






/*## DASHBOARD_OPINIONS ##*/
#dashboard_opinions { display:inline-block; width:100%; height:auto; margin:0px; padding:0px; text-align:left; background:#ffffff; }






/*## DASHBOARD_RIGHT ##*/
#dashboard_right { display:inline-block; width:286px; height:auto; margin:0px; padding:0px; text-align:left; background:none; }

#dashboard_right_info { display:block; width:100%; height:auto; margin:0px; padding:0px; background:#ffffff; }
#dashboard_right_info > ul { display:block; width:100%; height:auto; margin:0px; padding:10px; text-align:left; }
#dashboard_right_info > ul > li { display:inline-block; margin:0px; padding:0px 5px 0px 5px; font:normal 11px Helvetica Neue, Arial; text-align:left; color:#999999; background:#ffffff; }
#dashboard_right_info > ul > li > a { display:inline-block; margin:0px; padding:0px; font:normal 11px Helvetica Neue, Arial; text-decoration:none; text-align:left; color:#999999; background:#ffffff; }

#dashboard_right_info > div.foot { display:inline-block; width:100%; height:auto; margin:0px; padding:15px; font:normal 11px Helvetica Neue, Arial; text-align:left; color:#999999; border-top:1px solid #e9eff3; background:#ffffff; }
#dashboard_right_info > div.foot > a { display:inline-block; margin:0px; padding:0px; font:normal 11px Helvetica Neue, Arial; text-decoration:none; text-align:left; color:#1ea2f1; background:#ffffff; }
#dashboard_right_info > div.foot > a:hover { text-decoration:underline; }




/*##  END DASHBOARD  #####################################################################################*/














/*##  BEGIN PROFILE (PAGE)  #####################################################################################*/

#profile { display:inline-block; position:relative; width:100%; max-width:1186px; height:auto; margin:0px 0px 0px 0px; padding:0px; text-align:left; background:none; }


/*## PROFILE_MURAL ##*/
#profile_mural { display:inline-block; position:relative; width:100%; height:400px; margin:0px; padding:0px; text-align:center; background:#e5e5e5; }

#profile_mural > div.user_image { display:inline-block; position:absolute; left:40px; bottom:-60px; width:180px; height:auto; margin:0px; padding:6px; text-align:left; border:1.5px solid #cccccc; background:#ffffff; }
#profile_mural > div.user_image > img { display:inline-block; box-sizing:border-box; width:100%; height:auto; margin:0px; padding:0px; text-align:left; border:none; background:#ffffff; }



/*## PROFILE_LEFT ##*/
#profile_left { display:inline-block; width:236px; height:auto; margin:0px; padding:82px 0px 0px 0px; text-align:left; background:none; }

#profile_left_fullname { display:inline-block; width:100%; height:auto; margin:0px; padding:0px 0px 0px 20px; font:bold 18px Helvetica Neue, Arial; color:#333333; text-align:left; background:none; }
#profile_left_username { display:inline-block; width:100%; height:auto; margin:0px; padding:10px 0px 0px 20px; font:normal 12px Helvetica Neue, Arial; color:#999999; text-align:left; background:none; }



/*## PROFILE_CONTENT ##*/
#profile_center { display:inline-block; width:590px; height:auto; margin:0px 12px 0px 12px; padding:0px; text-align:center; border:none; background:none; }


#profile_center_tabs { display:block; width:100%; height:auto; margin:6px 0px 0px 0px; padding:0px; text-align:center; border:none; background:none; }
#profile_center_tabs > li { display:inline-block; margin:10px 20px 6px 20px; padding:0px; font:bold 14px/20px Helvetica Neue, Arial; color:#888888; text-align:center; border:none; background:none; cursor:pointer; }


#profile_center_tab_content { display:block; width:100%; height:auto; text-align:center; }
#profile_center_tab_content > li { display:block; width:100%; height:auto; text-align:center; background:#eeeeee; }

#profile_center_tab_content > li > div.heading  { display:block; width:100%; height:auto; margin:0px; padding:20px 0px 0px 10px; font:bold 16px Helvetica Neue, Arial; text-align:left; vertical-align:middle; color:#666666; border:none; background:none; }



/*## PROFILE_CONTENT > PROFILE_OPINIONS ##*/
#profile_opinions { display:inline-block; width:100%; height:auto; margin:10px 0px 0px 0px; padding:0px; text-align:left; border:solid 1.5px #dddddd; border-radius:4px; background:#ffffff; }



/*## PROFILE_CONTENT > PROFILE_FOLLOWING ##*/
#profile_following { display:block; width:100%; height:auto; margin:10px 0px 0px 0px; padding:0px; text-align:left; border:solid 1.5px #dddddd; border-radius:4px; background:#ffffff; }

#profile_following > ul { display:block; width:100%; height:auto; margin:6px; padding:5px; text-align:left; background:none; }
#profile_following > ul > li { display:inline-block; width:11.5%; height:auto; margin:5px 0.5% 5px 0.5%; padding:0px; background:none; }
#profile_following > ul > li > a { display:block; width:100%; height:auto; margin:0px; padding:0px; font:normal 11px Helvetica Neue, Arial; text-decoration:none; color:#999999; text-align:center; background:none; }
#profile_following > ul > li > a > img { display:inline-block; box-sizing:border-box; width:100%; height:auto; margin:0px 0px 4px 0px; padding:0px; border:3px solid #dddddd; border-radius:4px; background:none; }

#profile_following > div.following_none { display:block; width:100%; height:auto; margin:0px; padding:40px; font:bold 16px Helvetica Neue, Arial; color:#999999; text-align:center; }



/*## PROFILE_CONTENT > PROFILE_FOLLOWERS ##*/
#profile_followers { display:block; width:100%; height:auto; margin:10px 0px 0px 0px; padding:0px; text-align:left; border:solid 1.5px #dddddd; border-radius:4px; background:#ffffff; }

#profile_followers > ul { display:block; width:100%; height:auto; margin:6px; padding:5px; text-align:left; background:none; }
#profile_followers > ul > li { display:inline-block; width:11.5%; height:auto; margin:5px 0.5% 5px 0.5%; padding:0px; background:none; }
#profile_followers > ul > li > a { display:block; width:100%; height:auto; margin:0px; padding:0px; font:normal 11px Helvetica Neue, Arial; text-decoration:none; color:#999999; text-align:center; background:none; }
#profile_followers > ul > li > a > img { display:inline-block; box-sizing:border-box; width:100%; height:auto; margin:0px 0px 4px 0px; padding:0px; border:3px solid #dddddd; border-radius:4px; background:none; }

#profile_followers > div.followers_none { display:block; width:100%; height:auto; margin:0px; padding:40px; font:bold 16px Helvetica Neue, Arial; color:#999999; text-align:center; }



/*## PROFILE_RIGHT ##*/
#profile_right { display:inline-block; width:236px; height:auto; margin:0px; padding:6px; text-align:left; border:none; background:none; }



/*##  END PROFILE (PAGE)  #######################################################################################*/























/*##  BEGIN OPINION_FORM  #####################################################################################*/

/*## OPINION_FORM ##*/
#opinion_form_wrapper { display:inline-block; width:100%; height:auto; margin:0px 0px 10px 0px; padding:0px; text-align:left; border:none; border-top:3px solid #1ea2f1; background:none;/*e5e7e9|e9f6fe|d3dce1*/ }
#opinion_form { display:block; width:100%; height:auto; margin:0px; padding:10px; text-align:left; border:1.5px solid #e4e4e4; border-top:none; border-radius:0px 0px 4px 4px; background:#ffffff; }


/*## OPINION_FORM_FILE ##*/
#opinion_form_file { display:none; }



/*## OPINION_FORM_TEXTAREA ##*/
#opinion_form_textarea_wrapper { display:block; position:relative; width:100%; height:auto; margin:0px; padding:0px; border:none; background:none; }
#opinion_form_textarea { display:inline-block; width:100%; height:41px; margin:0px; padding:10px; resize:none; overflow:auto; font:normal 16px Helvetica Neue, Arial; text-align:left; vertical-align:middle; border:1px solid #a4d9f9;/*#a4d9f9|#a6c0cd*/ border-radius:6px; background:#ffffff; }
#opinion_form_textarea::-webkit-input-placeholder { color:#cccccc; /* WebKit browsers */ }
#opinion_form_textarea:-moz-placeholder { color:#cccccc; opacity:1; /* Mozilla Firefox 4 to 18 */ }
#opinion_form_textarea::-moz-placeholder { color:#cccccc; opacity:1; /* Mozilla Firefox 19+ */ }
#opinion_form_textarea:-ms-input-placeholder { color:#cccccc; /* Internet Explorer 10+ */ }

#opinion_form_textarea_count { display:none; position:absolute; right:4px; bottom:3px; margin:0px; padding:2px; font:normal 8px Helvetica Neue, Arial; color:#1ea2f1; border:1px solid #a4d9f9; border-radius:4px; background:#ffffff; }

#opinion_form_textarea_media { display:inline-block; box-sizing:border-box; position:absolute; right:0px; top:0px; width:46px; height:40px; margin:0px; padding:10px; background:none; cursor:pointer; }



/*## OPINION_FORM_MEDIA_LIST ##*/
#opinion_form_media_list { display:none; width:100%; height:auto; margin:0px; padding:5px 0px 5px 0px; background:none; }
#opinion_form_media_list > li { display:inline-block; position:relative; max-width:19%; min-height:80px; margin:0.5%; padding:2px; text-align:center; vertical-align:top; border:2px solid #cccccc; border-radius:6px; background:#ffffff; }
#opinion_form_media_list > li > img { display:inline-block; max-width:100%; height:auto; margin:0px; padding:0px; vertical-align:middle; border-radius:2px; }
#opinion_form_media_list > li > a.remove { display:inline-block; position:absolute; right:-1px; top:-1px; width:14px; height:14px; margin:0px; padding:0px; font:bold 10px/14px Helvetica Neue, Arial; text-decoration:none; text-align:center; vertical-align:middle; color:#777777; border:none; border-radius:0px 6px 0px 4px; background:#cccccc; }
#opinion_form_media_list > li > a.remove:hover { color:#aa0000; }



/*## OPINION_FORM_CONTROLS ##*/
#opinion_form_controls { display:none; width:100%; height:30px; margin:8px 0px 0px 0px; border:none; background:none; }

#opinion_form_controls > ul { display:inline-block; margin:0px; padding:0px; border:none; background:none; }
#opinion_form_controls > ul > li { display:inline-block; margin:0px 30px 0px 10px; padding:3px; border:none; background:none; cursor:pointer; }
#opinion_form_controls > ul > li > img { display:inline-block; width:30px; height:auto; margin:0px; padding:0px; border:none; background:none; }

#opinion_form_controls > input[type=submit] { display:inline-block; float:right; height:30px; margin:0px; padding:0px 20px 0px 20px; font:bold 14px Helvetica Neue, Arial; color:#ffffff; border:none; border-radius:6px; background:#bae2fb; cursor:pointer; }


/*##  END OPINION_FORM  #######################################################################################*/














/*##  BEGIN OPINION VIEW FORM  #####################################################################################*/

/*## OPINION_VIEW ##*/
#opinion_view_screen { display:none; position:fixed; left:0px; top:0px; z-index:2000; max-width:100%; width:100%; height:auto; min-height:600px; margin:0px; padding:0px; text-align:center; vertical-align:middle; background:rgba(0, 0, 0, .4); }
#opinion_view { display:inline-block; max-width:600px; width:100%; min-height:100px; height:auto; margin:10% 0px 0px 0px; padding:0px; text-align:center; border:solid 1.5px #dddddd; border-radius:6px; background:#ffffff; }



/*## OPINION_VIEW_ORIGINAL_POST ##*/
#opinion_view_original_post { display:block; width:100%; height:auto; margin:0px; padding:8px; text-align:center; background:none; }



/*## OPINION_VIEW_FORM ##*/
#opinion_view_form_wrapper { display:inline-block; width:100%; height:auto; margin:0px; padding:10px; text-align:left; border:none; border-bottom:1.5px solid #dddddd; border-radius:1px; background:#e9f6fe; }
#opinion_view_form { display:block; width:100%; height:auto; margin:0px; padding:0px; text-align:left; border:none; background:none; }



/*## OPINION_VIEW_FORM_FILE ##*/
#opinion_view_form_file { display:none; }



/*## OPINION_VIEW_FORM_TEXTAREA ##*/
#opinion_view_form_textarea_wrapper { display:block; position:relative; width:100%; height:auto; margin:0px; padding:0px; border:none; background:none; }
#opinion_view_form_textarea { display:inline-block; width:100%; height:41px; margin:0px; padding:10px; resize:none; overflow:auto; font:normal 16px Helvetica Neue, Arial; text-align:left; vertical-align:middle; border:1px solid #a4d9f9; border-radius:6px; background:#ffffff; }
#opinion_view_form_textarea::-webkit-input-placeholder { color:#cccccc; /* WebKit browsers */ }
#opinion_view_form_textarea:-moz-placeholder { color:#cccccc; opacity:1; /* Mozilla Firefox 4 to 18 */ }
#opinion_view_form_textarea::-moz-placeholder { color:#cccccc; opacity:1; /* Mozilla Firefox 19+ */ }
#opinion_view_form_textarea:-ms-input-placeholder { color:#cccccc; /* Internet Explorer 10+ */ }

#opinion_view_form_textarea_count { display:none; position:absolute; right:4px; bottom:3px; margin:0px; padding:2px; font:normal 8px Helvetica Neue, Arial; color:#1ea2f1; border:1px solid #a4d9f9; border-radius:4px; background:#ffffff; }

#opinion_view_form_textarea_media { display:inline-block; box-sizing:border-box; position:absolute; right:0px; top:0px; width:46px; height:40px; margin:0px; padding:7px; background:none; cursor:pointer; }



/*## OPINION_VIEW_FORM_MEDIA_LIST ##*/
#opinion_view_form_media_list { display:none; width:100%; height:auto; margin:0px; padding:5px 0px 5px 0px; background:none; }
#opinion_view_form_media_list > li { display:inline-block; position:relative; max-width:19%; min-height:80px; margin:0.5%; padding:2px; text-align:center; vertical-align:top; border:2px solid #cccccc; border-radius:6px; background:#ffffff; }
#opinion_view_form_media_list > li > img { display:inline-block; max-width:100%; height:auto; margin:0px; padding:0px; vertical-align:middle; border-radius:2px; }
#opinion_view_form_media_list > li > a.remove { display:inline-block; position:absolute; right:-1px; top:-1px; width:14px; height:14px; margin:0px; padding:0px; font:bold 10px/14px Helvetica Neue, Arial; text-decoration:none; text-align:center; vertical-align:middle; color:#777777; border:none; border-radius:0px 6px 0px 4px; background:#cccccc; }
#opinion_view_form_media_list > li > a.remove:hover { color:#aa0000; }



/*## OPINION_VIEW_FORM_CONTROLS ##*/
#opinion_view_form_controls { display:none; width:100%; height:30px; margin:8px 0px 0px 0px; border:none; background:none; }

#opinion_view_form_controls > ul { display:inline-block; margin:0px; padding:0px; border:none; background:none; }
#opinion_view_form_controls > ul > li { display:inline-block; margin:0px 30px 0px 10px; padding:3px; border:none; background:none; cursor:pointer; }
#opinion_view_form_controls > ul > li > img { display:inline-block; width:30px; height:auto; margin:0px; padding:0px; border:none; background:none; }

#opinion_view_form_controls > input[type=submit] { display:inline-block; float:right; height:30px; margin:0px; padding:0px 20px 0px 20px; font:bold 14px Helvetica Neue, Arial; color:#ffffff; border:none; border-radius:6px; background:#bae2fb; cursor:pointer; }


/*##  END OPINION VIEW FORM  #######################################################################################*/














/*##  BEGIN OPINION_LIST  #####################################################################################*/

/*## OPINION_LIST ##*/
ul.opinion_list { display:inline-block; width:100%; height:auto; margin:10px 0px 0px 0px; padding:0px; text-align:left; background:none; }
ul.opinion_list > li { display:inline-block; width:100%; height:auto; margin:0px; padding:10px; text-align:left; border-top:solid 1.5px #dddddd; background:none; }
ul.opinion_list > li:first-of-type { border-top:none; }

/*## OPINION_LIST MEDIA ##*/
ul.opinion_list > li > div.media { display:inline-block; width:100%; height:auto; margin:8px 0px 0px 0px; padding:0px; text-align:center; background:none; }
ul.opinion_list > li > div.media > img { display:inline-block; max-width:100%; height:auto; border:4px solid #cccccc; border-radius:6px; }
ul.opinion_list > li > div.media > video { display:inline-block; max-width:100%; height:auto; border:4px solid #cccccc; border-radius:6px; }



/*## OPINION ##*/
div.opinion > div.poster { display:block; width:100%; height:auto; margin:0px 0px 6px 0px; padding:0px; text-align:left; background:none; }
div.opinion > div.poster > a.user_image { display:inline-block; width:42px; height:42px; margin:0px 10px 0px 0px; padding:4px; border:1px solid #e6ecf0; border-radius:8px; background:#dddddd; }
div.opinion > div.poster > a.user_image > img { display:inline-block; width:100%; height:auto; }
div.opinion > div.poster > div.right { display:inline-block; font:normal 10px/12px Helvetica Neue, Arial; color:#999999; }
div.opinion > div.poster > div.right > a { display:inline-block; font:normal 13px/15px Helvetica Neue, Arial; text-decoration:none; color:#007acc; }
div.opinion > div.poster > div.right > a:hover { text-decoration:underline; }
div.opinion > div.poster > div.right > a.parent { display:inline-block; font:normal 10px/20px Helvetica Neue, Arial; text-decoration:none; color:#cccccc; }
div.opinion > div.poster > div.right > a.parent:hover { text-decoration:underline; }

div.opinion > div.text { display:inline-block; width:100%; height:auto; margin:0px; padding:0px; font:normal 13px Helvetica Neue, Arial; text-align:left; color:#444444; background:none; }
div.opinion > div.text > div.video { display:inline-block; width:100%; height:auto; margin:0px; padding:8px 6px 8px 6px; text-align:center; border-radius:4px; background:#dddddd; }
div.opinion > div.text > div.video > iframe { display:inline-block; max-width:560px; width:100%; max-height:315px; margin:0px; padding:0px; }

div.opinion > div.text > a.hashtag { font:normal 13px Helvetica Neue, Arial; text-decoration:none; }
div.opinion > div.text > a.hashtag:hover { text-decoration:underline; }

div.opinion > div.text > a.mention { font:normal 13px Helvetica Neue, Arial; text-decoration:none; }
div.opinion > div.text > a.mention:hover { text-decoration:underline; }

div.opinion > div.parent { display:block; width:100%; height:auto; margin:8px 0px 0px 0px; padding:0px; font:normal 10px Helvetica Neue, Arial; text-align:left; color:#007acc; background:none; cursor:pointer; }

div.opinion > ul.controls { display:block; width:100%; height:auto; margin:8px 0px 0px 0px; padding:0px; text-align:left; background:none; }
div.opinion > ul.controls > li { display:inline-block; margin:0px; padding:6px 12px 6px 12px; font:normal 13px Helvetica Neue, Arial; color:#777777; text-align:left; background:none; }
div.opinion > ul.controls > li:last-of-type { float:right; }



/*##  END OPINION_LIST  #######################################################################################*/














/*##  BEGIN SEARCH_RESULTS  #####################################################################################*/

/*## OPINIONS (WRAPPER) ##*/
#search { display:inline-block; max-width:1092px; width:100%; height:auto; margin:0px; padding:0px; text-align:center; border:none; background:none; }
#search_heading  { display:inline-block; max-width:1092px; width:100%; height:auto; margin:0px; padding:20px 0px 0px 10px; font:bold 16px Helvetica Neue, Arial; text-align:left; vertical-align:middle; color:#666666; border:none; background:none; }



/*## OPINIONS (WRAPPER) ##*/
div.search_results { display:inline-block; width:100%; height:auto; margin:0px; padding:0px; text-align:left; border:none; background:none; }
div.search_results > div.heading { display:block; width:100%; height:auto; margin:0px; padding:20px 0px 0px 10px; font:bold 16px Helvetica Neue, Arial; text-align:left; vertical-align:middle; color:#666666; border:none; background:none; }

div.search_results > ul.results { display:block; width:100%; height:auto; margin:0px; padding:0px; border:none; background:none; }
div.search_results > ul.results > li { display:inline-block; width:11.5%; height:auto; margin:0px; padding:0.5%; text-align:center; border:none; background:none; }
div.search_results > ul.results > li > a { display:block; width:100%; height:auto; margin:0px; padding:0px; font:normal 11px Helvetica Neue, Arial; text-decoration:none; color:#999999; text-align:center; background:none; }
div.search_results > ul.results > li > a > img { display:inline-block; box-sizing:border-box; width:100%; height:auto; margin:0px 0px 4px 0px; padding:0px; border:3px solid #dddddd; border-radius:4px; background:none; }

/*##  END SEARCH_RESULTS  #######################################################################################*/














/*##  BEGIN WIDGETS  #####################################################################################*/

.widgetgroup { display:inline-block; position:relative; max-width:100%; width:100%; height:auto; margin:0px; padding:5px; text-align:left; vertical-align:top; border:none; background:none; }
.widget { display:inline-block; max-width:250px; width:100%; height:auto; margin:10px 10px 40px 10px; padding:0px; vertical-align:top; }
.widget > a { display:inline-block; width:100%; height:auto; font:normal 20px Helvetica Neue, Arial; text-decoration:none; text-transform:capitalize; vertical-align:top; color:black; }
.widget > a > img { display:inline-block; width:100%; height:auto; margin-bottom:10px; }
.widget > .summary { display:inline-block; width:100%; height:auto; margin:10px 0px 0px 0px; }
.widget > .source { display:inline-block; width:20px; height:auto; margin:10px 0px 0px 0px; }



/*##  END WIDGETS  #####################################################################################*/

























@media all and (max-width:1200px)
{
    #header_right { margin-right:6px; }
    
}/*1200px*/


 



@media all and (max-width:960px)
{
    
}/*960px*/


 



@media all and (max-width:870px)
{
    
}/*870px*/





@media all and (max-width:760px)
{
    /*## HEADER ##*/

    #header_logo { display:none; }
    
    #header_nav { display:none; }
    #header_nav_show { display:inline-block; }

    #header_menu > ul > li > a > span { display:none; }

    
    /*## DASHBOARD ##*/
    
    #dashboard_content { width:100%; margin:10px 0px 0px 0px; padding:0px 10px 0px 10px; }

    
}/*760px*/





@media all and (max-width:580px)
{
    /*## HEADER ##*/

    #header_menu > ul > li > a > span { display:none; }

    
}/*580px*/




















@font-face {
	font-family: 'Urbane Rounded';
	src: url('fonts/UrbaneRounded-Bold.otf');
	src: url('fonts/UrbaneRounded-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/UrbaneRounded-Bold.woff') format('woff'),
		url('fonts/UrbaneRounded-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}



@font-face {
	font-family: 'Helvetica Neue'; src:url('fonts/HelveticaNeue-Roman.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica Neue'; src:url('fonts/HelveticaNeue-Heavy.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica Neue'; src:url('fonts/HelveticaNeue-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}








/*
    ## - SITE COLORS - ##
    BACKGROUND : #ffffff
    PANEL : #efeff2
    LOGO : #672179
    TITLE : #222222
    LINK : #007acc
*/




/*
    ## - TERMINAL COLORS - ##
    DEC VT100 light gray:     #dddddd, #E2E2D8
    DEC VT100 light blue:     #99ddff
    DEC VT100 white:          #ffffff
    Green phosphor terminal:  #33ff66
    Amber phosphor terminal:  #ffff33
*/