* { padding: 0; margin: 0; }
table {

    border-spacing: 0px;
    border-collapse: separate;
}

p { padding-bottom: 1em; }

ul,ol { padding-left: 30px; }
dd { margin-bottom: 1em; }

img { border: 0 }
input { border: solid 1px #78AFCE; padding: 2px; }
input.submit { font-family: Trebuchet MS, Verdana, sans; font-size: 14px; background: #eee; cursor: pointer; }

a { color: #8f734f; }
a:link {text-decoration: underline; color: #054088; }
a:visited {text-decoration: underline; color: #1E59A1; }
a:active {text-decoration: underline; color: #81000E; }
a:hover {text-decoration: none; color: #81000E; }

html { height: 100%; }
body {

    margin:0;
    padding:0;
    height:100%;
    border:none;
    font-family: Trebuchet MS, Helvetica, arial, sans-serif;
    font-size: 16px;
    color: #000;
}

#page { margin: 40px auto 40px auto; background: url( '../images/bg.png' ) #1f60a9 repeat; width: 840px; }
#flags { padding: 40px auto 40px auto; width: 840px; margin: 0 auto 40px auto; }
#flags, #page_container { background: #fff; }
.page_tl { background: url( '../images/bg_tl.png' ) no-repeat; float: left; width: 15px; height: 90px; }
.page_tr { background: url( '../images/bg_tr.png' ) no-repeat; float: right; width: 15px; height: 90px; }
.page_bl { background: url( '../images/bg_bl.png' ) no-repeat; float: left; width: 10px; height: 10px; }
.page_br { background: url( '../images/bg_br.png' ) no-repeat; float: right; width: 10px; height: 10px; }
.bg { background: url( '../images/bg.png' ) #1f60a9 repeat; }

#header { height: 90px; background: url( '../images/bg_t.png' ) repeat-x;  }
#content_wrapper {  color: #bad8e9; background: url( '../images/bg_blue.png' ) #3670b2; width: 820px; margin: 0 auto; }
#content_wrapper .home {  background: url( '../images/bg.png' ) #3670b2; }
.content_wrapper_left { background: #fff; color: #bad8e9; width: 400px; display: table-cell; color: #000; vertical-align: top; }
.content_wrapper_right { background: url( '../images/bg_blue.png' ) #3670b2; color: #bad8e9; width: 420px; display: table-cell; vertical-align: top; }
#content, #content_left, #content_right { padding: 10px; }
#add table { margin-left: 10px;}
#content h1 { color: #fff; }
#content .error { color: #fe670d; font-weight: 900; font-size: 20px; }

.title, #content_wrapper h1 { color: #fff; font-size: 30px; }
.label, #content_wrapper h3 { color: #fe670d; font-size: 18px; }
.content_wrapper_left h3 { color: #000; }
#content_wrapper h6 { color: #000; font-size: 10px; font-weight: 500; }

.content_tl_wh { background: url( '../images/bg_tl_wh.png' ) no-repeat; float: left; width: 10px; height: 10px; }
.content_tr_wh { background: url( '../images/bg_tr_wh.png' ) no-repeat; float: right; width: 10px; height: 10px; }
.content_bl_wh { background: url( '../images/bg_bl_wh.png' ) no-repeat; float: left; width: 10px; height: 10px; }
.content_br_wh { background: url( '../images/bg_br_wh.png' ) no-repeat; float: right; width: 10px; height: 10px; }

.content_tl_bl { background: url( '../images/bg_tl_bl.png' ) no-repeat; float: left; width: 10px; height: 10px; }
.content_tr_bl { background: url( '../images/bg_tr_bl.png' ) no-repeat; float: right; width: 10px; height: 10px; }
.content_bl_bl { background: url( '../images/bg_bl_bl.png' ) no-repeat; float: left; width: 10px; height: 10px; }
.content_br_bl { background: url( '../images/bg_br_bl.png' ) no-repeat; float: right; width: 10px; height: 10px; }

#logo { margin-top: 10px; }

#top_nav, #top_nav span { color: #fff;  }
#top_nav a,  #top_nav span { font-size: 12px; color: #fff; width: 100%;  }
#top_nav a:link { text-decoration: none; color: #fff; }
#top_nav a:visited { text-decoration: none; color: #fff; }
#top_nav a:active { text-decoration: none; color: #FFC000; }
#top_nav a:hover,  #top_nav span:hover { text-decoration: underline; color: #FFC000; }
#top_nav span { cursor: pointer; }
.nav_divider {  }

#bottom_nav { color: #aaa;  }
#bottom_nav a { font-size: 12px; color: #aaa; width: 100%;  }
#bottom_nav a:link { text-decoration: none; color: #aaa; }
#bottom_nav a:visited { text-decoration: none; color: #aaa; }
#bottom_nav a:active { text-decoration: none; color: #888; }
#bottom_nav a:hover { text-decoration: underline; color: #666; }

#content a { color: #fff; }
#content a:link { text-decoration: underline; color: #fff; }
#content a:visited { text-decoration: underline; color: #fff; }
#content a:active { text-decoration: none; color: #FFC000; }
#content a:hover { text-decoration: none; color: #FFC000; }

#content_right p { font-size: 13px; }
#content_right ul { font-size: 13px; color: #fff; font-weight: 900; }

#page_content {  }
#content {  }
#left {  }
#right {  }
#footer_top {  }
#footer { height: 10px; }
#header_logo { margin-top: 5px; }

.title {  }
.summary {  }
.content {  }
.clear { clear: both; }
.table { display: table; }
.tr { display: table-row; }
.tr div { vertical-align: top; }
.td { display: table-cell; vertical-align: top; }
.help_icon { width: 17px; height: 13px; cursor: pointer; }
#logo { margin: 0 auto; width: 160px; margin-top: 1em; }
#logo_preview, .logo_preview { background-color: #fff; background-position: center; background-image: url(); border: solid 1px #aaa; width: 180px; height: 60px; display: table-cell; vertical-align: middle; text-align: center; color: #333; font-weight: 500; display: none; }
.link { color: #1F60A9; text-decoration: underline; cursor: pointer; }
.link:hover { color: #447CBA; }
#have_logo, #no_logo { font-size: 12px; }
#upload_logo { margin-top: 1em; margin-left: 40px; display: none; }
#create_logo { margin-top: 2em; font-size: 12px; display: none; }
#typeface { margin-top: 2em; }
#typeface .link { color: #983E08; }
#typeface .link:hover { color: #B46230; }
#best_category { font-size: 15px; }
#best_category input { border: 0; }

#backgrounds { margin-top: 2em; }
.tile { width: 30px; height: 30px; border: solid 1px #aaa; display: table-cell; }
.tile1 { background: url( '../images/backgrounds/tile1.png' ) repeat; }
.tile2 { background: url( '../images/backgrounds/tile2.png' ) repeat; }
.tile3 { background: url( '../images/backgrounds/tile3.png' ) repeat; }
.tile4 { background: url( '../images/backgrounds/tile4.png' ) repeat; }

#backgrounds input { display: table-cell; vertical-align: middle; margin-top: 8px; margin-right: 3px; }
#display_name { margin-top: 2em; }

.swatch { width: 32px; height: 32px; border: solid 1px #666; float: left; margin: 0 10px; }
.red { background: #FF5663; }
.orange { background: #FF7F00; }
.carnation-pink { background: #FFA6C9; }
.red-orange { background: #FF3F00; }
.violet-red { background: #C71585; }
.scarlet { background: #FF2400; }
.yellow { background: #FFCD00; }
.green { background: #00BA85; }
.yellow-orange { background: #FFD700; }
.yellow-green { background: #9ACD32; }
.dandelion { background: #FFD100; }
.green-yellow { background: #ADFF2F; }
.blue { background: #00A6EF; }
.violet { background: #EE82EE; }
.blue-green { background: #00FFFF; }
.blue-violet { background: #8A2BE2; }
.cerulean { background: #2A52BE; }
.indigo { background: #4B0082; }
.brown { background: #A52A2A; }
.black { background: #000; }
.red-violet { background: #C71585; }
.white { background: #fff; }
.apricot { background: #FBCEB1; }
.gray { background: #aaa; }

.help { position: absolute; text-align: left; display: none;  }
.help_title { font-size: 18px; font-weight: 900; color: #000; padding-bottom: .5em; }
.help_title strong { color: #fe0000; }
.help_bubble_top { width: 238px; height: 16px; background: url( '../images/icon_help_top.png' ) no-repeat; }
.help_bubble { width: 218px; background: url( '../images/icon_help.png' ) repeat-y; padding: 0 10px; line-height: 16px; }
.help_bubble_bottom { width: 238px; height: 63px; background: url( '../images/icon_help_bottom.png' ) no-repeat; }
.help_close { float: right; font-size: 12px; color: #666; cursor: pointer; padding-right: 20px; }
#submit_link { font-size: 28px; text-align: center; font-weight: 900; }

#typeface span { cursor: pointer; text-decoration: underline; color: #333; }
.bg_flags_left { background: url( '../images/bg_flags_left.png' ) no-repeat; float: left; width: 10px; height: 48px; }
.bg_flags_right { background: url( '../images/bg_flags_right.png' ) no-repeat; float: right; width: 10px; height: 48px; }
.bg_flags { background: url( '../images/bg_flags.png' ) repeat-x; height: 48px; line-height: 48px; }
.flags_label { color: #fff; font-size: 30px; font-weight: 900; cursor: pointer; text-decoration: underline; }
.flags_divider { float: left; }
.flag_col { float: left; }
#flag_labels #portal { width: 180px; margin-right: 33px; text-align: center; }
#flag_labels #ebusiness { width: 180px; margin-right: 33px; text-align: center; }
#flag_labels #blog { width: 180px; margin-right: 33px; text-align: center; }
#flag_labels #profile { width: 180px; text-align: center; }

.flag { background-color: #eee; background-position: center; border: solid 1px #aaa; width: 180px; height: 60px; display: table-cell; vertical-align: middle; text-align: center; color: #666; font-weight: 900; }
.flag a { text-decoration: none; }
.flag_dimensions { width: 180px; height: 60px; }
.flag_page_space { float: left; width: 28px; border: solid 1px #fff;}
.flag_page_space_left { float: left; width: 8px; border: solid 1px #fff; }
#flags_nav { text-align: center; margin-top: 30px; height: 22px; }
.flag_nav { font-size: 14px; font-weight: 900; color: #054088; cursor: pointer; text-decoration: underline; }
.flag_nav_previous:hover,.flag_nav_next:hover { color: #81000E; }
.flag_nav_spacer { padding-left: 3em; }
.flag_info { position: relative; z-index: 1000; }
.flag_nav.pages { font-size: 12px; }
.flag_nav.pages.selected { color: #666; font-weight: 500; cursor: normal; text-decoration: none; }

#flags_portal { float: left; margin-left: 10px; margin-right: 31px; }
#flags_ebusiness { float: left; margin-right: 31px; }
#flags_blog { float: left; margin-right: 31px; }
#flags_profile { float: left; }
#ajax_error { font-family: courior; font-size: 10px; display: none; color: #000; background: #fff; }

#closing_footer { border-top: solid 2px #ccc; padding-top: 20px; font-size: 12px; color: #aaa; text-align: center; padding-bottom: 20px; width: 840px; margin: 0 auto; }
