#main-container {width:900px; overflow:hidden; margin:0 auto; background:#7B7D7F url(/images/bg_body.gif) repeat-x}

/* head styles */
body {background:#000}

#head-container                    {position:relative; width:810px; height:160px; margin:0 auto}
#head-container img#header-logo    {position:absolute; right:0; z-index:1}
#head-container span#header-text   {position:absolute; width:230px; height:37px; top:47px; left:10px; letter-spacing:-1000em; text-indent:-999em; background:transparent url(/images/header_text.gif) no-repeat}
#head-container a.play             {position:absolute; display:block; width:250px; height:46px; letter-spacing:-1000em; text-indent:-999em; background:transparent url(/images/sprites/sprites_common.gif) 0 0 no-repeat}
#head-container a.pause            {position:absolute; display:block; width:250px; height:46px; letter-spacing:-1000em; text-indent:-999em; background:transparent url(/images/sprites/sprites_common.gif) 0 -46px no-repeat}

#head-container div#thumbs-adv,
#head-container div#thumbs-adv ul.thumbs {display:none}
#head-container div#gallery-adv  {position:absolute; width:787px; height:269px; top:129px; left:50%; margin:0 -404px; border:10px solid #939597}
#head-container div#controls-adv {position:absolute; margin:-54px 0 0}

#head-container ul                 {position:absolute; width:99.9%; top:129px; padding:0; margin:0; list-style:none; background:#ED1B23}
#head-container li                 {float:left}
#head-container li a:link,
#head-container li a:active,
#head-container li a:visited       {display:block; padding:7px 25px; color:#fff; font-size:130%; font-weight:700; text-decoration:none}

/* body styles */
#body-container                      {position:relative; width:808px; margin:0 auto}
#body-container .left                {width:520px; float:left}
#body-container .right               {position:relative; width:273px; float:right; margin:-23px 0 0 0; background:#ED1B23; z-index:100}
#body-container .right p             {margin:0 10px; font-size:130%; font-weight:700}
#body-container .right li            {padding:6px 0; font-size:130%; font-weight:700}
#body-container .right li a:link,
#body-container .right li a:active,
#body-container .right li a:visited  {color:#fff; text-decoration:none}
#body-container .right li a:hover    {text-decoration:underline}
#body-container .right img           {margin:0 -10px 10px 25px}
#body-container .right .bg           {position:absolute; display:block; width:273px; height:24px; bottom:-24px; left:0; margin:0; background:transparent url(/images/bg_right_menu-trans.png) no-repeat}
#body-container .bg                  {position:relative; display:block; width:900px; height:57px; margin:0 0 0; left:-46px; background:transparent url(/images/sprites/sprites_common.gif) -271px 0 no-repeat}
#body-container .bottom              {overflow:hidden; float:none; clear:both; padding:0px 0 0}

/* foot styles */
#foot-container               {position:relative; overflow:hidden; height:120px; background:#000}
#foot-container a:first-child {position:absolute; display:block; width:55px; height:23px; top:4px; left:60px; letter-spacing:-1000em; text-indent:-999em; background:transparent url(/images/sprites/sprites_common.gif) -1171px -24px no-repeat}
#foot-container address       {position:absolute; top:9px; right:290px; font-size:90%; text-align:right; font-style:normal}
#foot-container img           {position:relative; top:10px; right:60px; float:right}
#foot-container img+p         {position:absolute; top:70px; right:60px; color:#999}
#foot-container img+p a:link,
#foot-container img+p a:active,
#foot-container img+p a:visited {position:relative; display:inline; width:auto; height:auto; top:auto; left:auto; color:#999; letter-spacing:normal; text-indent:0; background:none}
#foot-container img+p a:hover,
#foot-container img+p a:focus {color:#f00}


/* various styles */
#status  {width:400px; margin:5px auto 15px; padding:8px; color:#000; background:#ddfcbf; text-align:center; border:2px #B4DD8D solid; display:none}
#status a:link,
#status a:active,
#status a:visited {color:#000}
.success {color:#090}
.failure {color:#f00}

/***** form styles */
form {padding:0; margin:0}

.vision_form_style_1     {width:650px; margin:auto}
.vision_input_style_1    {width:75%}
.vision_input_style_2    {width:75%; font-size:100%}
.vision_label_style_1    {width:20%; overflow:hidden; float:left}
.vision_textarea_style_1 {width:75%; height:200px}
.vision_textarea_style_2 {width:99%; height:200px}

.vision_form_common                     {width:90%; overflow:hidden; margin:auto}
.vision_form_common h2                  {width:100%; clear:both; padding:5px 10px; margin:5px 0; color:#fff; font-size:110%; font-weight:bold; background:#92b6c1}
.vision_form_common h3                  {display:inline; width:auto; float:left; padding:0 3px; margin:0 0 0 5px; font-size:110%; border:8px solid #ccc}
.vision_form_common label               {width:35%; overflow:hidden; float:left; padding:10px 0 9px 10px; color:#000; font-size:100%; background:#ccc}
.vision_form_column_style_1             {width:49%; height:37px; overflow:hidden; float:left; margin:0 0 5px}
.vision_form_column_style_2             {width:100%; overflow:hidden; float:left; margin:0 0 5px}
.vision_form_column_style_3             {width:100%; overflow:hidden; float:left; margin:0 0 5px}
.vision_form_common_textarea_style_1    {width:60%; height:135px; float:left; margin:0 0 0 5px; border:6px solid #ddd}
.vision_form_common_input_text_style_1  {overflow:hidden; float:left; padding:4px 0;  margin:0 0 0 5px; border:6px solid #ddd}
.vision_form_common_input_text_style_2  {width:60%; overflow:hidden; float:left; padding:4px 0; margin:0 0 0 5px; border:6px solid #ddd}
select.vision_form_common_input_text_style_2 {width:62%}
.vision_form_common_input_text_style_3  {width:60%; overflow:hidden; float:left; padding:2px 0; margin:0 0 0 5px; border:6px solid #ddd}
.vision_form_common_input_radio_style_1 {width:60%; overflow:hidden; float:left; padding:2px 0; margin:0 0 0 5px; border:6px solid #ddd}

.vision_form_common_input_button_browse,
.vision_form_common_input_button_login,
.vision_form_common_input_button_register,
.vision_form_common_input_button_reset,
.vision_form_common_input_button_submit,
.vision_form_common_input_button_search,
.vision_form_common_input_button_sendmail,
.vision_form_common_input_button_update          {width:73px; height:23px; padding:0; margin:1px; color:#fff; font-weight:bold; font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif; background:transparent url(/vision/visionimages/strips_buttons.gif) 0 -131px; border:none; cursor:pointer}

.vision_form_common_input_button_checkname,
.vision_form_common_input_button_sendpass,
.vision_form_common_input_button_comments        {width:107px; height:23px; padding:0; color:#fff; font-weight:bold; font-size:90%; font-family:Verdana, Arial, Helvetica, sans-serif; background:transparent url(/vision/visionimages/strips_buttons.gif) 0 -177px; border:none; cursor:pointer}

.vision_form_common_input_button_browse:hover,
.vision_form_common_input_button_login:hover,
.vision_form_common_input_button_register:hover,
.vision_form_common_input_button_reset:hover,
.vision_form_common_input_button_submit:hover,
.vision_form_common_input_button_search:hover,
.vision_form_common_input_button_sendmail:hover,
.vision_form_common_input_button_update:hover    {background:transparent url(/vision/visionimages/strips_buttons.gif) 0 -108px}

.vision_form_common_input_button_checkname:hover,
.vision_form_common_input_button_sendpass:hover,
.vision_form_common_input_button_comments:hover  {background:transparent url(/vision/visionimages/strips_buttons.gif) 0 -154px}
/***** form styles */

/***** form common email */
#form_common_email #code {width:75px}
#vision_form_common_email_news {padding:0 10px; margin:0 25px}
#vision_form_common_email_news label {position:relative; width:150px; float:left; background:none}
#vision_form_common_email_news input {width:250px}
#vision_form_common_email_news textarea {width:250px; height:100px}
/***** form common email */

/***** next previous buttons */
.nextprev{width:200px; overflow:hidden; float:right; text-align:right}
/***** next previous buttons */

/***** settings page */
#vision_settings_container       {width:760px; overflow:hidden; padding:10px; margin:auto}
#vision_settings_container label {width:200px; float:left}
/***** settings page */

/***** login */
#vision_login_form          {width:300px; margin:30px auto}
#vision_login_form label    {width:70px; float:left; padding:0 3px 3px 0}
.vision_login_input_style_1 {width:150px}
.vision_login_cookies_disclaimer {color:#999; font-size:80%; text-align:center}
/***** login */


/***** common vision */
#vision_htmlheader_container {position:relative; width:100%; height:90px; overflow:hidden; margin:0 auto; background:#c00 url(/vision/visionimages/visioncommon/vision_logo.gif) no-repeat; z-index:1}
#vision_htmlfooter_container {position:relative; padding:25px 25px 0 0; background:#f4f4f4; text-align:right; border-top:4px solid #000}

.vision_htmlmenu_container         {position:relative; overflow:hidden; float:right; margin:12px; font-size:12px; text-align:center; z-index:1}
.vision_htmlmenu_container a, 
.vision_htmlmenu_container a:active, 
.vision_htmlmenu_container a:visited, 
.vision_htmlmenu_container a:hover {display:block; width:107px; height:23px; overflow:hidden; float:right; color:#fff; font-size:10px; font-weight:bold; text-decoration:none; text-transform:uppercase; line-height:19px}

#vision_htmlmenu_sys {float:right; padding:5px 0; margin:0 5px; color:#E39696; font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}

#vision_htmlmenu_sys_files,
#vision_htmlmenu_settings,
#vision_htmlmenu_logout,
#vision_htmlmenu_guard,
#vision_htmlmenu_users {padding:4px 0 0; background:transparent url(/vision/visionimages/strips_buttons.gif) 0 -27px}

#vision_htmlmenu_sys_files:hover,
#vision_htmlmenu_settings:hover,
#vision_htmlmenu_logout:hover,
#vision_htmlmenu_guard:hover,
#vision_htmlmenu_users:hover {background:transparent url(/vision/visionimages/strips_buttons.gif) 0 0}

#vision_htmlmenu_add_story,
#vision_htmlmenu_add_pages,
#vision_htmlmenu_view_pages {padding:4px 0 0; background:transparent url(/vision/visionimages/strips_buttons.gif) -107px -27px}

#vision_htmlmenu_add_story:hover,
#vision_htmlmenu_add_pages:hover,
#vision_htmlmenu_view_pages:hover {background:transparent url(/vision/visionimages/strips_buttons.gif) -107px -0}

#vision_htmlmenu_categories       {padding:4px 0 0; background:transparent url(/vision/visionimages/strips_buttons.gif) -107px -27px; clear:both}
#vision_htmlmenu_categories:hover {background:transparent url(/vision/visionimages/strips_buttons.gif) -107px 0}
/***** common vision */
