/* HTML Tags*/
html { background: url("https://img.igl.net/images/bg1.jpg") repeat-x 0px 0px; background-color: #000000; }
body { font-family: Trebuchet MS, Arial; font-size: 13px; color: #999999; }
a { color: #FFFFFF; font-weight: bold; text-decoration: underline; }
a:hover { color: #33CCFF; }
/* Site Container */
.frame { width: 1002px; margin: 0px auto 0px auto; }
/* Generic Styles */
.header1 { color: #33CCFF; font-size: 30px; margin: 0px 0px 10px 0px; }
.header2 { color: #33CCFF; font-size: 18px; }
.header2_alt { color: #99FF66; font-size: 18px; text-transform: uppercase; }
.header3 { color: #33CCFF; font-size: 16px; }
.header4 { color: #999999; font-size: 16px; }
.header5 { color: #ff33ff; font-size: 22px; }
.header5_alt { color: #99ff66; font-size: 22px; }
.text_alt { color: #99FF66; }
.arrow { cursor: pointer; }
.value { color: #FF9933; }
/* Generic Button Style */
a.btn { height: 50px; padding: 0px 0px 0px 15px; display: block; font-weight: bold;
text-decoration: none; text-align: center; white-space: nowrap; font-size: 18px; text-transform: uppercase; }
a.btn .out { height: 50px; display: block; padding: 0px 15px 0px 0px; }
a.btn .in { height: 44px; display: block; padding: 6px 0px 0px 0px; }
a:hover.btn { text-decoration: underline; color: #FFFFFF; }
/* Blue Button */
a.blue_btn { background: url("https://img.igl.net/images/button1_left.gif") no-repeat 0px 0px; }
a.blue_btn .out { background: url("https://img.igl.net/images/button1_right.gif") no-repeat top right; }
a.blue_btn .in { background: url("https://img.igl.net/images/button1_content.gif") repeat-x 0px 0px; }
/* Orange Button */
a.orange_btn { background: url("https://img.igl.net/images/button2_left.gif") no-repeat 0px 0px; }
a.orange_btn .out { background: url("https://img.igl.net/images/button2_right.gif") no-repeat top right; }
a.orange_btn .in { background: url("https://img.igl.net/images/button2_content.gif") repeat-x 0px 0px; }
/* Top Steps */
.step_list { padding: 15px 0; }
.step_list li { padding: 0px 22px 0px 20px; float: left; display: block; text-align: right; height: 37px; }
.step_list li.last { padding: 0px 0px 0px 20px; }
.step_list li div { float: left; padding: 10px 0px 0px 0px; height: 30px; display: block; background: url("https://img.igl.net/images/step_tab.gif") no-repeat center right; float: left; font-size: 18px; font-weight: bold; color: #666666; }
.step_list li strong { position: relative; left: -8px; }
.step_list li div span { position: relative; left: -10px; top: -1px; background: url("https://img.igl.net/images/circle.gif") no-repeat center left; float: left; padding: 10px 0px 0px 0px; height: 28px; width: 36px; text-align: center; font-size: 12px; color: #666666; margin: -7px 0px 0px 0px; }
.step_list_container { padding: 0px 0px 0px 100px; }
.step_list { margin: 0px; }
.step_list li { margin: 0px -10px 0px 0px; float: left; display: block; text-align: right; height: 37px; }
.step_list li div { padding: 7px 30px 0px 0px; height: 30px; display: block; background: url("https://img.igl.net/images/step_tab.gif") no-repeat center right; float: left; font-size: 18px; font-weight: bold; color: #666666; }
.step_list li div span { position: relative; left: -10px; background: url("https://img.igl.net/images/circle.gif") no-repeat center left; float: left; padding: 9px 0px 0px 0px; height: 28px; width: 37px; text-align: center; font-size: 12px; color: #666666; margin: -7px 20px 0px 0px; }
.step_list a:link, .step_list a:hover, .step_list a { text-decoration: none; color: #595959; }
.step_list li.current div { color: #FFFFFF; }
.step_list li.current div.yellow { background: url("https://img.igl.net/images/step_tab_yellow.gif") no-repeat center right; }
.step_list li.current div.blue { background: url("https://img.igl.net/images/step_tab_blue.gif") no-repeat center right; }
.step_list li.current div.red { background: url("https://img.igl.net/images/step_tab_red.gif") no-repeat center right; }
.step_list li.current div.purple { background: url("https://img.igl.net/images/step_tab_purple.gif") no-repeat center right; }
.step_list li.current div.yellow span { background: url("https://img.igl.net/images/circle_yellow.gif") no-repeat center left; }
.step_list li.current div.blue span { background: url("https://img.igl.net/images/circle_blue.gif") no-repeat center left; }
.step_list li.current div.red span { background: url("https://img.igl.net/images/circle_red.gif") no-repeat center left; }
.step_list li.current div.purple span { background: url("https://img.igl.net/images/circle_purple.gif") no-repeat center left; }
#create .step_list ul { width: auto; }
#create .step_list li { padding: 0px 15px; }
/* Tour */
#tour { background: #000000; padding: 20px; }
.tour_step { display: none; }
.tour_image { float: left; margin: 20px 40px 0px 20px; }
.tour_info { float: left; font-size: 16px; margin: 20px 0px 0px 0px; }
.tour_info .header2 { margin: 0px 0px 20px 0px; font-size: 24px; }
.tour_info .header2 span { font-size: 20px; }
.tour_info .header3 { margin: 0px; font-size: 16px; }
.tour_info ul.bullets li { list-style-type: disc; margin: 0px 0px 5px 30px; }
.tour_info ul.bullets ol li { list-style-type: decimal; background: url("https://img.igl.net/images/tour_fade.gif"); }
.tour_info .left, .tour_info .right { position: relative; left: -20px; }
.tour_intro { height: 37px; background : url("https://img.igl.net/images/tour_fade.gif") repeat-x top; margin: 0 20px; }
.tour_intro div { float: left; width: 450px; }
.tour_intro div img { float: left; margin: 0px 10px; position: relative; top: -20px; left: -12px; }
.tour_intro div.right { padding-left: 10px; }
.join_a_league_btn { float: left; width: 300px; margin: 40px 20px 0px 0px; }
.start_tour_btn { float: left; width: 200px; margin: 40px 20px 0px 0px; }
.next_tour_btn { float: left; width: 200px; margin: 40px 0px 0px 0px; }
#tour_step_1 { display: block; }