@font-face { font-family: 'SEGOEUIL'; src: url('/Content/font/SEGOEUIL.eot'); src: local('SEGOEUIL'), url('/Content/font/SEGOEUIL.woff') format('woff'), url('/Content/font/SEGOEUIL.ttf') format('truetype'); }
@charset "UTF-8";
#footer_wrapper a, #footer_wrapper ul li a:hover, #footer_wrapper a:hover { color: #F0414D; }
#outer_footer_wrapper { border-bottom: 5px solid #F0414D; }
#outer_wrapper { background-color: #F0414D; }
/*  START OF RESET */
body{    
    background: url(../Images/default/tr.png) 50% 0 #ececec;
    background-size: contain;
}

header { width: 100%; }
.top { float: right; height: 40px; width: 100%; background-color: #cb3139; }
header nav#topmenu { position: relative; float: right; height: 50px; width: 80%; }
#topmenu_wrapper { width: 1170px; margin: 0 auto; }
.center { text-align: center; }
    .center p { margin-bottom: 35px; }

::selection { background: #323232; /* Safari */ color: #ffffff; text-shadow: none !important; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
.copyright_message { clear: both; color: #7F8084; font-size: 9px; padding-bottom: 10px; padding-top: 5px; text-align: left; }
    .copyright_message a { font-size: 9px !important; }
        .copyright_message a:hover { font-size: 9px !important; }
#footer_wrapper a { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-decoration: none; font-size: 12px; }
    #footer_wrapper a:hover { font-size: 12px; text-decoration: underline; }
#bottom_nav_wrap { width: 1170px; margin: 0 auto; }
#bottom_nav { float: right; }
    #bottom_nav ul { margin: 0; padding: 0; }
        #bottom_nav ul li { list-style: none; float: right; padding: 0 20px; }
            #bottom_nav ul li:first-child { padding: 0 20px 0 0; }
            #bottom_nav ul li a { display: block; color: #737373; font-size: 10px; text-decoration: none; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; text-transform: uppercase; }
                #bottom_nav ul li a:hover { text-decoration: none; color: #cb3139; font-size: 10px; }
#footer_wrapper .two_third_first { padding-top: 22px; }
#footer_wrapper .one_third { padding-top: 42px; }
#bdywrapper { background-color: #FFFFFF; background-repeat: repeat; padding-bottom: 40px; position: relative; width: 100%; z-index: 3; }
#outer_wrapper { width: 100%; height: 50px; position: relative; z-index: 9999; }
#outer_footer_wrapper { width: 100%; min-height: 30px; position: relative; z-index: 9999; background-color: #FFFFFF; background-image: url("img/bground.jpg"); background-repeat: repeat; }
#top_logo { display: block; float: left; height: 40px; }
    #top_logo p { color: #ffffff; font-size: 32px; line-height: 1.5em; margin-bottom: 0px; margin-top: 0px; }
    #top_logo a { font-size: inherit; }
#main_section_home { position: relative; width: 100%; float: left; /*TODO: height: 350px;*/ }
#login { }
    #login h1, #login h2, #login h3, #login h4 { color: white; }
    #login ul { margin: auto; width: 447px; }
        #login ul > li { color: #FFFFFF !important; display: inline-block; margin: 1px; padding: 9px; width: 435px; }
    #login input[type="submit"] { font-family: 'SEGOEUIL','Segoe UI',tahoma !important; height: 75px; margin-bottom: 7px !important; width: 80px !important; background-color: #24C132 !important; transition: all .5s ease-in; -o-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -webkit-transition: all .5s ease-in; }
        #login input[type="submit"]:hover { font-family: 'SEGOEUIL','Segoe UI',tahoma !important; height: 75px; margin-bottom: 7px !important; width: 80px !important; background-color: #3a3a3a !important; }
    #login input.username { float: right; width: 140px !important; }
    #login input.password { float: right; margin-right: 14px; width: 140px !important; }
    #login .RememberMe { line-height: 30px; font-size: 15px; color: #FFFFFF !important; }
        #login .RememberMe input { cursor: pointer; float: right; width: 5px !important;opacity: 1 !important; }
        #login .RememberMe label { cursor: pointer; float: right; width: 125px !important; color: #FFFFFF; }
    #login .ForgotPassword { cursor: pointer; float: right; text-decoration: none; }
    #login li { list-style: none; }
.LoginForm { float: right; width: 330px; }
#LoginForm { width: 330px; float: right; }
    #LoginForm ol li { list-style: none outside none !important; }
    #LoginForm .dateSelect { width: 106px !important; }
    #LoginForm .firstName { width: 140px !important; float: right; }
    #LoginForm .lastName { width: 140px !important; float: right; margin-right: 14px; }
    #LoginForm .RememberMe { display: inline-block; }
        #LoginForm .RememberMe input { float: right; width: 20px !important; cursor: pointer; }
        #LoginForm .RememberMe label { float: right; width: 310px; cursor: pointer; }

/* MENU STYLE */
#topmenu_wrapper { width: 1170px; margin: 0 auto; }
/*** DEMO SKIN ***/
/*** arrows **/
/* apply hovers to modern browsers */
/* point right for anchors in subs */
/* apply hovers to modern browsers */
/*** shadows for all but IE6 ***/
#main {display: table; clear: both; color: #7f8084; font-size: 15px; line-height: 1.3em; margin: 0 auto; min-height: 550px; padding-bottom: 20px; position: relative; width: 980px; z-index: 999; }
@media (min-width:1280px) {
    .container-fluid, .container { width: 1170px !important; }
}
#footer_wrapper { width: 1170px; margin: 0 auto; }
/*--------------------Search Form----------------------------*/
/*--------------------Pagination----------------------------*/

/*--------------------Twitter UL----------------------------*/

/*--------------------Shortcodes----------------------------*/


/*--------------------Flexislider---------------------------*/
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
/* FlexSlider Default Theme
 *********************************/

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
/* Caption style */
/* IE rgba() hack */
/* Direction Nav */
/* Control Nav */
/*--------------------Forms, Inputs & Submits----------------------------*/
/****** START OF Post comment styling by jonathan **/

/****** END OF Post comment styling by jonathan **/


/*-------------------- Button Styling ----------------------------*/


/*-------------------- Skill Bar Styling ----------------------------*/


/*------------------------Audio------------------------*/
[class^=icon-]:before, .format-audio header.post-header { border-bottom: none; }

/* THEME SPECIFIC PLUGIN CSS */

/* Theme Styling for new comment and page pagination */

/*  START OF MEDIA QUERIES */
@media only screen and (max-width: 768px) {
    .image-grid:after { margin-bottom: 30px; }
    #main, #footer_wrapper, #topmenu_wrapper { width: 98%; margin: 0 auto; }
}
/* Mobile Landscape Size to Tablet Landscape (devices and browsers) */
@media only screen and (max-width: 480px) {
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 320px) {
}
/*  END OF MEDIA QUERIES */
/*Register Form Style*/
#RegisterForm { float: right; }
    #RegisterForm ul { list-style: none !important; }
        #RegisterForm ul li { list-style: none !important; }
    #RegisterForm .dateSelect { width: 106px !important; cursor: pointer; }
    #RegisterForm .firstName { width: 140px !important; float: right; }
    #RegisterForm .lastName { width: 140px !important; float: right; margin-right: 14px; }
    #RegisterForm .UlGender { text-align: right; display: inline-block; }
        #RegisterForm .UlGender li { float: right; margin-right: 14px; vertical-align: middle; width: 60px; }
            #RegisterForm .UlGender li input { float: right; width: 5px !important; cursor: pointer; }
            #RegisterForm .UlGender li label { float: right; font-size: 16px; width: 40px !important; cursor: pointer; line-height: 10px; }
#BannerForm { width: 610px; float: left; padding: 20px; background-color: #97E1D1; }
/*Login Form*/
#LoginForm { width: 330px; float: right; }
    #LoginForm ol li { list-style: none outside none !important; }
    #LoginForm .dateSelect { width: 106px !important; }
    #LoginForm .firstName { width: 140px !important; float: right; }
    #LoginForm .lastName { width: 140px !important; float: right; margin-right: 14px; }
    #LoginForm .RememberMe { display: inline-block; }
        #LoginForm .RememberMe input { float: right; width: 20px !important; cursor: pointer; }
        #LoginForm .RememberMe label { float: right; width: 310px; cursor: pointer; }
/* Profile */
.imagecrop img { transition: none; }
.jcrop-holder img { position: inherit !important; }
.ProfileImage { border: 5px solid rgba(255, 255, 255, 0.3); border-radius: 0; float: right; height: 110px; margin-right: 22px; overflow: hidden; position: relative; top: 139px; }
    .ProfileImage img { width: 100px; }
.profileName { direction: rtl; float: right; font-size: 20px; height: 50px; line-height: 30px; margin-top: 175px; padding-right: 10px; position: relative; text-align: right; }
.onphoto { background-color: #42739A; font-size: 12px; height: 24px; margin-top: 0; opacity: 0.8; position: relative; text-align: center; width: 100%; }
    .onphoto a { color: #ffffff; }

/*Login Form*/
#login .field-validation-error { color: #FFFF00; }
#login .validation-summary-errors { color: #FFFF00; }

.field-validation-error { color: #FF0000; }
.validation-summary-errors { color: #FF0000; }

/*main menu top*/
.ulMainMenuTop { margin-right: 20px; width: 600px; }
    .ulMainMenuTop li { border-left: 1px solid #739CDA; color: #FFFFFF; display: block; float: right; height: 50px; line-height: 50px; list-style: none outside none; margin-right: 5px; padding: 0 10px; transition: all 0.5s ease 0s; }
        .ulMainMenuTop li:hover { background-color: rgba(255, 255, 255, 0.5); border-left: 1px solid #C4D6F1; }
    .ulMainMenuTop a { color: #FFFFFF; display: block; font-size: 15px; line-height: 50px; text-decoration: none; }
        .ulMainMenuTop a:hover { display: block; line-height: 50px; text-decoration: none; }
/*main menu*/
.ulMainMenu { margin-right: 20px; /* width: 600px;*/ }
    .ulMainMenu li { border-left: 1px solid #739CDA; color: #272b2f; display: block; float: right; height: 50px; line-height: 50px; list-style: none outside none; margin-right: 5px; padding: 0 10px; transition: all 0.5s ease 0s; }
        .ulMainMenu li:hover { background-color: rgba(255, 255, 255, 0.5); border-left: 1px solid #C4D6F1; }
    .ulMainMenu a { color: #272b2f; display: block; font-size: 15px; line-height: 50px; text-decoration: none; }
        .ulMainMenu a:hover { display: block; line-height: 50px; text-decoration: none; }
/* publics */
.borders { border: 1px solid #e8e8e8; }
    .borders:hover { border: 1px solid #a0c8ff; }
/* menuHolder */
.itemHolder { position: relative !important; }
.menuHolder { left: 3px; position: absolute; text-align: center; top: 3px; z-index: 50; width: 20px !important; height: 20px !important; }
    .menuHolder img { cursor: pointer; }
    .menuHolder ul { background-color: #f4f4f4; left: 0 !important; width: 150px !important; z-index: 51; position: absolute; }
        .menuHolder ul li { border: 1px solid #e8e8e8; cursor: pointer; font-size: 11px; list-style: none; text-align: right; direction: rtl; padding: 3px; }
            .menuHolder ul li:hover { border: 1px solid #a0c8ff; }
/* Parsa */
.SubItems { color: #a0a0a0; font-size: 11px; }
.hint { color: #32a3ff; font-size: 11px; line-height: 10px; }
.container-fluid { margin-bottom: 20px; margin-left: auto; margin-right: auto; }
.container-fluid, .container { width: 1170px; }

/**/
.fl{ float: left !important;}
.fr{ float: right !important;}
.fn{ float: none !important;}