@charset "UTF-8";
/* CSS Document */

/* body */
html {-webkit-text-size-adjust:none}

/*THIS HAS BEEN ALTERED - width + background*/
body {background: #FFFFFF url(itagbkg.gif) repeat-x top center; margin:0 auto;  padding:0px!important; /*this padding hack fixes things */ padding:0px 0px 0px 1px;border: 0; width: 1000px; color:#000030; font: 100%/100% "Lucida Grande", verdana, sans-serif; text-align: left}

body#noTopBar {background: #FFFFFF; margin:0 auto;  padding:0px!important; /*this padding hack fixes things */ padding:0px 0px 0px 1px;border: 0; width: 1000px; color:#000030; font: 100%/100% "Lucida Grande", verdana, sans-serif; text-align: left}

body#notfound #footer1{padding-top:200px;}
body#notfound #oops{padding-top:50px; margin-left:33%;margin-right:33%;font-size:1.2em; line-height: 1.2em;}
body#notfound #okaysubmit {text-align:center;padding-top:20px;}

/* text and imagestyles */

a {color: #9194BE;text-decoration:none;outline: none} 
a:visited {color: #9194BE} 
a:hover {color: #CF1F28; text-decoration: underline} 
a:active {color: #000030;text-decoration: underline;outline: none}

p {font-size:.8em; line-height: 1.2em; margin: 0; padding: 0}
h1 {color:#000030; font-weight: bold; font-size:1.1em; line-height: 1.6em; margin: 0; padding: 0}
h1 a {color: #CF1F28; outline: none;}
h1 a:visited {color: #CF1F28} 
h1 a:hover {color: #CF1F28; text-decoration: underline} 
h1 a:active {color: #CF1F28; text-decoration: underline;outline: none} 

h2 {color:#000030; font-weight: bold;  font-size: 1em; line-height: 1.4em; margin: 0; padding: 0}
h2 a {color: #9194BE; outline: none;}
h2 a:visited {color: #9194BE} 
h2 a:hover {color: #CF1F28; text-decoration: underline} 
h2 a:active {color: #CF1F28; text-decoration: underline;outline: none} 


img {border-style: none}

.floatleft {float: left; margin: 0; padding: 3px 8px 3px 0px }
.floatright {float: right; margin: 0; padding:0 }
.floatbut {clear:both;float: right; margin: 0; padding-top:15px; display: inline }

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}


/* Container */

/*THIS HAS BEEN ALTERED - background + width*/

#container {background: #FFFFFF url(itagbkg.gif) repeat-x top center;width: 1000px;margin: 0 auto;text-align: left; padding: 0;position: relative; }

/* Header + Logo */

/*THIS HAS BEEN ALTERED - background + height*/
#header {clear:left; float:left; width:1000px;background: #FFFFFF url(itagbkg.gif) repeat-x top center;;height: 210px;display: inline; position: relative; overflow: hidden}

/*THIS HAS BEEN ALTERED -  height*/		
#logo {display: block;top:80px;left:50px;position:relative;outline:none;width:200px; height: 110px;}

/*THIS HAS BEEN ALTERED */		
#signin {font-size:.65em; line-height: 1.6em; top: 100px; left: 400px;clear:left; float: left;display: inline; position: absolute; overflow: hidden; width: 225px; outline: none; text-align: right}

/*THIS HAS BEEN ALTERED */		
#login {background: #9194BE; font-size:.65em; line-height: 1.6em; top: 80px; left: 647px;clear:left; float:left;display: inline; position: absolute; overflow: hidden; width: 178px; outline: none; margin: 0; border: 2px solid #000030; padding:10px; }
.booboo {font-size:.65em; line-height: 1.6em; top: 180px; color: #CF1F28; left: 647px;clear:left; float:left;display: inline; position: absolute; overflow: hidden; width: 178px; outline: none; margin: 0; border: 0}

/*THIS HAS BEEN ADDED */		
.inbox {left: 60px;float:right;display: inline; position: absolute; overflow: hidden; width: 140px; outline: none; margin: 0}
.inbox2 {left: 60px;float:right;display: inline; position: absolute; overflow: hidden; width: 140px; outline: none; margin: 0}

/*THIS HAS BEEN ALTERED -  height*/		
#sibutton {display: block;top: 100px;left:567px;position:absolute;outline:none;width:160px; height: 53px; float:left}

.watch {font-size: 1.4em; color: #CF1F28; font-weight: bolder}
.watch a{color: #CF1F28; font-weight: bolder}
.watch a:visited{color: #CF1F28; font-weight: bolder}
.watch a:hover{color: #CF1F28; font-weight: bolder; text-decoration: underline}
.watch a:active{color: #CF1F28; font-weight: bolder; text-decoration: underline}

/* Navigation */

#tabnav {clear:left; float:left;position: relative; margin-left: 50px; border: 0; padding:0; width: 1000px; height: 35px}

ol#toc {height: 2em;list-style: none;margin: 0;padding: 0;font-size:.8em; line-height: 1.2em;}

ol#toc a {background: url(tabs.gif) 100% 0;color: #9194BE;float: left;line-height: 2em; outline: none; padding-right: 10px;text-decoration: none;}
ol#toc a:visited {}
ol#toc a:hover{color: #ffffff; text-decoration: underline}
ol#toc a:active {text-decoration: underline}  

ol#toc li.current {background-color: #CF1F28;background-position: 0 -61px}

ol#toc li.current a {background-position: 100% -61px;color: #fff;font-weight: bold;}

ol#toc li {background: #000030 url(tabs.gif);float: left; margin: 0 1px 0 0;padding-left: 10px}




/*THIS HAS BEEN ALTERED */
#navcontainer {display: block; border: 0; padding:0; width: 1000px; margin-left: 30px}

/*THIS HAS BEEN ADDED*/
#navcontainertop {display: block; border: 0; padding:0; width: 1000px; top: 20px; position: absolute; margin-left: 30px}


/*THIS HAS BEEN ALTERED - type size, padding */
#navlist li {display: inline;list-style-type: none;padding: 15px; font-size:.7em; line-height: 1.2em;}
#navlist li.current {color: #000030}
#navlist li.current a {color: #000030}

/*THIS HAS BEEN ADDED!!  */
#navlisttop li {display: inline;list-style-type: none;padding: 15px; font-size:.7em; line-height: 1.2em}
#navlisttop li.current {color: #9194BE}
#navlisttop li.current a {color: #9194BE}
#navlisttop li a {color: #ffffff;text-decoration:none;outline: none} 
#navlisttop li a:visited {} 
#navlisttop li a:hover {color: #CF1F28; text-decoration: underline} 
#navlisttop li a:active {color: #000030;text-decoration: underline;outline: none}


/* pop up command boxes */
.popuptitle {color:#FFFFFF; font-weight: bold;  font-size: 1.5em; line-height: 1.4em; margin: 0; padding-top: 0px; padding-bottom: 0px; padding-left: 20px; display: inline;  position:relative; top:10%; height:2em; }
.popuplightbluebar {background: #9194BE; float: left; margin: 0; border: 0; padding:0; width: 100%; height: 50px}
.popupbody {background: #FFFFFF url(); margin:0 auto;  padding:0px!important; /*this padding hack fixes things */ padding:0px 0px 0px 1px;border: 0; width: 500px; color:#000030; font: 100%/100% "Lucida Grande", verdana, sans-serif; text-align: left}
.popcountry {margin: 65px 0 0 35px;font-family: "Lucida Grande", verdana, sans-serif; color: #ffffff;	background: #000030;border: 1px #000030 solid}
.popcarrier {margin: 65px 0 0 30px;font-family: "Lucida Grande", verdana, sans-serif; color: #ffffff;	background: #000030;border: 1px #000030 solid}


/* Sign-In Boxes */

.bluebar {background: #000030; float: left; margin: 0; border: 0; padding:0; width: 100%; height: 52px; vertical-align:middle; clear:both; position:relative;}


.bluebarfooter {background: #000030; position: relative; float: left; margin: 0; border: 0; padding:0; width: 100%; height: 52px}

.map {background: #ffffff; float: left; margin: 0; border: 0; padding:0; width: 100%; height: 300px }

#flashcontentmyphone {background: #ffffff; float: left; margin: 0; border: 0; padding:0; width: 100%; height: 444px ; position:relative }
#flashcontentwhereismyfriends {background: #ffffff; float: left; margin: 0; border: 0; padding:0; width: 100%; height: 379px ; position:relative }

#flashcontent {background: #ffffff; float: left; margin: 0; border: 0; padding:0; width: 100%; height: 100% ; position:relative }

.lightbluebar {background: #9194BE; float: left; margin: 0; border: 0; padding:0; width: 100%; height: 50px; vertical-align:middle; clear:both; position:relative;}

.lightbluebar a {color: #000030}
.lightbluebar a:visited {color: #000030} 
.lightbluebar a:hover {color: #CF1F28; text-decoration: underline} 

.title {color:#FFFFFF; font-weight: bold;  font-size: 1.5em; line-height: 1.4em; margin: 0; padding-top: 0px; padding-bottom: 0px; padding-left: 20px; display: inline;  position:absolute; top:50%; height:2em; margin-top:-0.7em }
.bluetitle {color:#000030; font-weight: bold;  font-size: 1.5em; line-height: 1.4em; margin: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 20px }
.smallbluetitle {color:#000030; font-weight: bold;  font-size: 1.2em; line-height: 1.4em; margin: 0; padding-top: 5px; padding-bottom: 5px; padding-left: 20px }

.small {color:#000030; font-size: .7em; line-height: 1em; margin: 0;  padding-left: 20px }
.friendbox {padding: 20px}

#ringmyphone a {float: left; margin: 0;display: block; background: url(images/ringmyphone-red.png) no-repeat; width: 120px; height: 40px; overflow: hidden;outline: none;}
#ringmyphone a:hover {float: left; display: block;background: url(images/ringmyphone-blue.png) no-repeat; width: 120px; height: 40px; overflow: hidden;outline: none;}

#textafriendstats a {float: left; margin: 0;display: block; background: url(images/textafriendstats-blue.png) no-repeat; width: 120px; height: 40px; overflow: hidden;outline: none;}
#textafriendstats a:hover {dfloat: left; isplay: block;background: url(images/textafriendstats-red.png) no-repeat; width: 120px; height: 40px; overflow: hidden;outline: none;}

#myphones a {float: left; display: block; background: url(images/myphones-blue.png) no-repeat; width: 120px; height: 40px; overflow: hidden;outline: none;}
#myphones a:hover {float: left; display: block;background: url(images/myphones-red.png) no-repeat; width: 120px; height: 40px; overflow: hidden;outline: none;}

#refreshmap a {float: left; display: block; background: url(images/refreshmap-blue.png) no-repeat; width: 120px; height: 40px; overflow: hidden;outline: none;}
#refreshmap a:hover {float: left; display: block;background: url(images/refreshmap-red.png) no-repeat; width: 120px; height: 40px; overflow: hidden;outline: none;}

.phonebox {clear: both; float: right; height: 20px; width: 100%; padding-bottom: 40px; padding-left: 20px;padding-right:12px; padding-top:20px; }

.prof { padding: 20px}

.profile {background: #9194BE; float: left; margin: 0; padding: 0; border: 2px solid #000030; padding:5px; width: 100%; }
.name {font-weight:bold; font-size:.8em; line-height: 1.3em;}
.profilepic {float: left; padding: 0; height: 70px; width: 70px; background: white; border: 1px solid #000030; margin-right: 5px }
.friendpic {float: left; padding: 0; height: 30px; width: 30px; background: white; border: 1px solid #000030; margin-right: 5px }
.amigo {width: 100%; height: 40px}

.type {font-weight:normal; font-size:.7em; line-height: 1.4em; margin: 0; padding: 0}
.type a {color: white}
.type a:visited {color: white} 
.type a:hover {color: #CF1F28; text-decoration: underline} 


.text {font-size:.6em; line-height: 1.4em; margin: 0; padding: 0; text-align: center}



.signal { float: right; margin-right: 5px;padding: 2px;display: inline; width: 50px; height: 50px; overflow: hidden;outline: none}
.battery {float: right; margin: 0;;padding: 2px;display: inline; width: 50px; height: 50px; overflow: hidden;outline: none}

#medialogos {margin: 0; padding: 0;display: block; width: 1000px; height: 100px;clear:left; float:left;display: inline; position: relative; overflow: hidden; left: 100px}
.icons {margin: 0; padding-right: 120px; float:left; display: inline; position: relative;	overflow: hidden; vertical-align: middle;}



#box {background: #000030;border: 2px solid #000030;float: left; margin: 0; padding: 5px; width: 100%; }
#whitebox {background: #ffffff;float: left; margin: 0; padding: 5px; width: 100%; border: 2px solid #000030}
.minibluebar {background: #000030; float: left; margin: 0; border: 0; padding:0; width: 100%; height: 30px; }

.minilightbluebar {background: #9194BE; float: left; margin: 0; border: 2px solid #000030; padding: 5px; width: 100%; height: 30px; }
.myphone {font-weight:bold; font-size: .9em; line-height: 1.3em; color: white; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }

.privacytext {font-weight:bold; font-size: .9em; line-height: 1.3em; color: white; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }

#buttonbox {padding: 0; margin:0;border:0}



#navlist2 li {display: inline;list-style-type: none;padding: 0; margin-left:0}

#nav5 {clear:both;float: left; margin:0; padding-top:5px; padding-bottom:5px}
#nav5 ul li {display: inline;margin:0; padding:0}

/* Button */

#button {margin: 0; padding: 0;display: block;background: url(images/itag-button-signin-red.gif) no-repeat; width: 160px; height: 53px; overflow: hidden;outline: none;}
#button a {display: block; background: url(images/itag-button-signin-blue.gif) no-repeat; width: 160px; height: 53px; overflow: hidden;outline: none;}
#button a:hover {display: block;background: url(images/itag-button-signin-red.gif) no-repeat; width: 160px; height: 53px; overflow: hidden;outline: none;}


/*THIS HAS BEEN ALTERED */
#buttonlogin {margin: 0; padding: 0;position:relative; display: block;left:50px; top: 5px; background: url(images/itag-signin-blue-100.png) no-repeat; width: 100px; height: 35px; overflow: hidden;outline: none;}
#buttonlogin a {display: block; background: url(images/itag-signin-blue-100.png) no-repeat; width: 100px; height: 35px; overflow: hidden;outline: none;}
#buttonlogin a:hover {display: block;background: url(images/itag-signin-red-100.png) no-repeat; width: 100px; height: 35px; overflow: hidden;outline: none;}

.input {border-top: 1px solid #958a0a; border-left: 1px solid #958a0a; background-color:  #fff; color: #000; font-size: 9px; width: 90px; padding: 2px; 1px 2px 1px; margin:0px; display: inline; position: relative}


#buttonsubmit {margin: 0; padding: 0;display: block;background: url(images/itag-button-get-itag-red.png) no-repeat; width: 120px; height: 40px; overflow: hidden;outline: none;}
#buttonsubmit a {display: block; background: url(images/itag-button-get-itag-blue.png) no-repeat; width: 120px; height: 40px; overflow: hidden;outline: none;}
#buttonsubmit a:hover {display: block;background: url(images/itag-button-get-itag-red.png) no-repeat; width: 120px; height: 40px; overflow: hidden;outline: none;}


#buttonregister {margin: 0; padding: 0;display: block;background: url(images/itag-button-register-red.png) no-repeat; width: 120px; height: 40px; overflow: hidden; outline: none;}
#buttonregister a {display: block; background: url(images/itag-button-register-blue.png) no-repeat; width: 120px; height: 40px; overflow: hidden; outline: none;}
#buttonregister a:hover {display: block;background: url(images/itag-button-register-red.png) no-repeat; width: 120px; height: 40px; overflow: hidden; outline: none;}

/*THIS HAS BEEN ALTERED -  height*/		
#submit {float: left; display: inline;top:115px;left:450px;position:absolute;outline:none;width:120px; height: 40px;}
#register {float: left;display: inline;top:589px;left:580px;position:absolute;outline:none;width:120px; height: 40px;}

/*THIS HAS BEEN ALTERED -  height*/		
#digits {float: left; display: inline;top:70px;left:450px;position:absolute;outline:none}
<!--/*THIS HAS BEEN ADDED  */ -->
.whitesmall {float: left; display: inline;top:98px;left:450px;position:absolute;outline:none;color:#ffffff; font-size: .6em; line-height: 1em; margin: 0 }
<!--/*THIS HAS BEEN ADDED  */ -->
<!--/*THIS HAS BEEN ADDED  */ -->
.whitegetitag {float: left; display: inline;top:20px;left:38px;position:absolute;outline:none;color:#ffffff; font-weight: bold; font-size: 1em; line-height: 1em; margin: 0}
<!--/*THIS HAS BEEN ADDED  */ -->
.yourphone {float: left; display: inline;top:50px;left:38px;position:absolute;outline:none;color: font-size: .6em; line-height: 1em; margin: 0}
<!--/*THIS HAS BEEN ADDED  */ -->
.yourcountry {float: left; display: inline;top:50px;left: 168px;position:absolute;outline:none;color: font-size: .6em; line-height: 1em; margin: 0}
<!--/*THIS HAS BEEN ADDED  */ -->
.yourcarrier {float: left; display: inline;top:50px;left:298px;position:absolute;outline:none;color: font-size: .6em; line-height: 1em; margin: 0}
.mobilenumber {float: left; display: inline;top:50px;left:410px;position:absolute;outline:none;color: font-size: .6em; line-height: 1em; margin: 0}
<!--/*THIS HAS BEEN ADDED  */ -->
.captcha {float: left; display: inline;top:120px;left:38px;position:absolute;outline:none;color: font-size: .6em; line-height: 1em; margin: 0}
.contact_captcha {outline:none;color: font-size: .6em; line-height: 1em; padding-top: 10px; padding-bottom: 10px;}


/* Content */

<!--/*THIS HAS BEEN ADDED  */ -->
#downloadbox {float: left; margin-left: 40px; border: 0; padding:0; width: 1000px; height: 170px }

<!--/*THIS HAS BEEN ALTERED - Height */ -->
#front {background: url(front2.png ) top center no-repeat; float: left; margin: 0; border: 0; padding:0; width: 1000px; height: 359px }

<!--/*THIS HAS BEEN ALTERED */ -->
.headline {color:#000030; font-weight: bold; font-size: 1.4em; line-height: 1.6em; margin: 0; padding: 0; margin-top: 20px; margin-left:50px; margin-right: 300px}

<!--/*THIS HAS BEEN ALTERED  */ -->
#downloadbox p {font-size: .8em;line-height: 1.3em;padding:0; margin-top: 10px; margin-left:50px; margin-right: 500px}

#phone {background: url(images/enterphonenumber.png) top center no-repeat; float: left; margin: 0; border: 0; padding-bottom: 20px;top: 514px;width: 800px; height: 180px}

<!--/*THIS HAS BEEN ADDED  */ -->
#downloaditag {background: #9194BE; margin: 0;  border: 2px solid #000030; padding:10px;top: 50px; width: 650px; height: 250px; clear:left; float:left;display: inline; position: relative; overflow: hidden; left: 100px}

<!--/*THIS HAS BEEN ADDED  */ -->
#capsule {float: left;  margin: 0;  border: 0; padding:0;width: 1000px; height: 450px; clear:both;display: block; position: relative}

<!--/*THIS HAS BEEN ADDED  */ -->
#download {margin: 0; padding: 0;display: block;background: url(Free-Download-Big-Button-blue.png) no-repeat; width: 1000px; height: 150px;clear:left; float:left;display: inline; position: relative; overflow: hidden; left: 250px}
#download a {display: block; background: url(Free-Download-Big-Button-red.png) no-repeat; width: 375px; height: 125px; overflow: hidden;outline: none;}
#download a:hover {display: block;background: url(Free-Download-Big-Button-blue.png) no-repeat; width: 375px; height: 125px; overflow: hidden;outline: none;}

#payment_selection_text{text-align:left; margin-left:30%; margin-right: 30%;}
#payment_selection_text p{padding-top: 80px;}
#payment_selection_options{padding-top:20px; padding-left: 130px;}
#zong_selection_text {font-size:.8em; margin: 0; padding-left: 80px;}
#credit_card_selection_text {font-size:.8em; margin: 0; margin-left: 70px;}

#zong_selection {margin: 0; padding: 0; left: 100px: position: relative; }
#credit_card_selection {margin: 0; padding: 0; clear:left; position: relative; overflow: hidden; top: -124px; left: 380px; z-index:100000;}

#no_thanks_selection {margin: 0; padding: 0;clear:left; position: relative; top:-70px; left:310px; }







.floatpic {float: right; padding-left: 5px; padding-bottom: 5px}

/* Columns */
/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightmenu {
	    
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:100%;
        background:#fff;
    }
    .rightmenu .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu .col1 {
        margin:0 50px 0 250px;
        overflow:hidden;
	}
    .rightmenu .col2 {
        float:right;
        width:220px;
        position:relative;
        left:185px;
		padding-bottom:2em;
    }


	
/* Footer styles */


/*THIS HAS BEEN ALTERED - width*/
#footer {background: #ffffff; clear:left; float:left;display: inline; position: relative; overflow: hidden; width: 1000px}			
#footer p {font-size: 0.6em;line-height: 1.8em;padding:0; margin-left:50px; margin-right: 50px}

/* extras */

.operate {margin: 65px 0 0 30px;font-family: "Lucida Grande", verdana, sans-serif; color: #ffffff;	background: #000030;border: 1px #000030 solid}
.country {margin: 25px 0 0 15px;font-family: "Lucida Grande", verdana, sans-serif; color: #ffffff;	background: #000030;border: 1px #000030 solid}
.carrier {margin: 25px 0 0 20px;font-family: "Lucida Grande", verdana, sans-serif; color: #ffffff;	background: #000030;border: 1px #000030 solid}

#friend_list .friendrow {outline:#9194BE dotted; margin-top:2px; padding-left:20px; padding-right:20px;}
.remove_friend_link a { color:red; font-weight:bold; font-size:1.5em; }
.friend_action_text {font-family: "Lucida Grande", verdana, sans-serif; color: #000000;font-style: italic;}
.request_sent_x{font-family: "Lucida Grande", verdana, sans-serif; color: #3333BA;}
.send_message_div #input_controls {font-family: "Lucida Grande", verdana, sans-serif;font-size:0.7em;}
.send_message_div #message {font-family: "Lucida Grande", verdana, sans-serif;font-size:0.7em;}
#instant_locator_messages,#instant_locator_timer, #instant_locator_accuracy{clear:both; text-align: center; }
#instant_locator_timer{font-size:18pt; color:#000; text-align:center; padding:10px;}
#instant_locator_messages{font-size:7pt; color:#000; padding:10px 0px 0px 0px;}
#instant_locator_accuracy{font-size:7pt; color:#000;}
#instant_locator_up_to_date{font-size:7pt; color:#000;}