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

/* --------------------------------------------------------------

   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }






/* --------------------------------------------------------------

   * Main CSS - Places backgrounds, images and text.

-------------------------------------------------------------- */
body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: Arial, sans-serif;
}

.home {
  background: #FFFFFF url(../images/bg_home.gif) repeat-x;
}

.main {
  background: #112f9f url(../images/bg_main.gif) repeat-x;
}


.container {
  width: 1100px;
  margin: 0 auto;
}

.homecontent {
  background: url(../images/bg_homecontent.jpg) top left no-repeat;
  height: 520px;
}

.homeleft {
  width: 450px;
  float:left;
}

.about1,
.about2,
.about3  { position:absolute; font-size: 1.5em; width: 150px;}

.about1 {
   margin: 110px 10px;
}

.about2 {
   margin: 240px 240px;
}

.about3 {
   width:600px;
   margin: 400px 20px;
}

.homeright {
  float:left;
  position:relative;
  top:5px;
  left:172px;
  margin-top:87px;
  width:324px;
}

.login {
  padding:20px 20px 20px 20px;
}

.maincontent {
margin: 0pt;
overflow: hidden;
float:left;
}

.mainmodule {
  background: #FFFFFF url(../images/content_header.gif) top left no-repeat;
  width:760px;
  padding:20px;
  border:#000000 0px solid;
}

.mainHeight{height: 580px;}

.sidecontent {
margin: 0pt;
overflow: hidden;
float:right;
width: 270px;
}

.sidemodule {
  background: #FFFFFF url(../images/side_content_header.gif) top left no-repeat;
  width:230px;
  padding: 20px;
  height:157px;
}

.sidemodule b{color:#112f9f;}
.sidemodule p{background-image:url(/images/icons/tipsbox_tick.jpg);background-repeat:no-repeat;padding-left:15px;}
.dashboard_module {
  background: #FFFFFF url(../images/dashboard_content_header.gif) top left no-repeat;
  width:310px;
  padding: 20px;
  height:440px;
}
.dashboard_module-bottom {
	width: 350px;
	padding: 0px;
	float:left;
}

.title {

}

.sidelink {
	float: right;
	margin-top: -35px;
	color: #7e8ecb;
}

.sidelink a:focus,
.sidelink a  {color:#7e8ecb; text-decoration:none;}

.sidelink a:hover {
color:#7e8ecb;text-decoration:underline;

}

 .header {
height: 95px;
 }
.logo {
  background-image: url(../images/ZipClip_logo.png); height:71px; width:265px;
  position: absolute;
  margin-top:14px;
}

.footer {   width: 950px;
  margin: 10px auto;text-align:left; color:#8d9bd2;}

.footer a,
.footer a:visited {color:#8d9bd2; text-decoration:none;}

.footer a:hover {color:#8d9bd2; text-decoration:underline;}

.submenu {
  float: right;
  margin-top: 64px;
}

.submenu a  { color: #7A7A7A; text-decoration: none; }



/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */
.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9;
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .2em;
  border: none;
  margin: 20px 0 20px 0;
}
hr.space {
  background: #fff;
  color: #fff;
}

.hr0{ height:1px;border:none;border-top:1px dashed #1E90FF;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

.mainmodule-bottom {
	background: #112f9f;
	width: 800px;
	padding: 0px;
	float:left;
}

.sidemodule-bottom {
	width: 270px;
	padding: 0px;
	float:left;
}


/* Corners for bottom of main content area */

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  background:#c3cbe7}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  }
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  }
.spiffy4{
  }
.spiffy5{
  }
.spiffyfg{
  background:#ffffff}




/* --------------------------------------------------------------

   * Sets up some sensible default typography.

-------------------------------------------------------------- */


/* Headings
-------------------------------------------------------------- */


h1 { font-size: 2.5em; margin-top:.5em; margin-bottom:.5em;color:#FFFFFF;font-weight:bold;}

.homecontent h1 { padding-top: 20px; margin-bottom:0px; margin-top:0px;}

.sidecontent h2 {  font-size: 1.5em; color:#FFFFFF;}
.sidecontent a {  font-size: 1.5em; color:#FFFFFF;}

.homecontent h2 { color: #FFFFFF; }

h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; color: #f58216; font-weight:bold;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}

h3.moduleheader {
	font-size: 1.8em; color: #7bbc30; font-weight:bold; margin-bottom: .5em;
}

.sidemodule h3.moduleheader{
text-align:center;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; font-size: 125%;}
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,
a:hover,
a           { color: #112f9f; text-decoration: none; }

.sidemodule a,
.sidemodule a:hover,
.sidemodule a:focus   {color: #112f9f; text-decoration: none; font-size: inherit;}

.logo a {
display: block;
height: 100%;
width: 100%;
}

blockquote  { margin: 1.5em; color: #666; padding: 10px; border: 1px solid #cccccc;}
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */
/*table       { margin-bottom: 1.4em; width:100%; }*/
table       { width:100%; }
th          { font-weight: bold; color: #112f9f;}
th,td       { padding: 4px 5px 4px 5px;  /* border-bottom: 1px solid #c1cdf3; */}
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: 1em; color: #666; line-height: 1.3em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }





/* Table styles for My Stuff and My Friends
-------------------------------------------------------------- */

.tableheader, .tableheader th{background:url(../images/tableHeader_gradient.jpg) top left repeat-x;height:9px;font:normal normal bold 8pt Arial;color:#787878;border-top:#000000 0px solid;border-bottom:#000000 0px solid;padding:0px 0px 0px 0px;}
.tableheader th input{width:12px;height:12px;}
.tableactions {background:url(../images/toolbar_gradient.jpg) top left repeat-x;height:30px;}

/* .tableactions a{font:normal normal bold 10pt sans-serif;}			  */
#toolbartable {font:normal normal 10pt Arial;padding:0px 0px 0px 10px;border:#787878 0px solid;width:98%;height:25px}
#toolbartable span{font:normal normal bold 10pt Arial;padding:0px 7px 0px 7px;color:#112f9f;}
#toolbartable div#toolbartableright{border:#787878 0px solid;text-align:right;margin:0px 0px 0px 0px;}
#toolbartable td{padding:0px 0px 2px 0px;vertical-align:middle;}
#toolbartable td#toolbartableright span{margin:0px 0px 0px 0px}
#toolbartable td#toolbartableright{text-align:right;}
.mystuff_name {width: 40%;}


.content_video,
.content_audio,
.content_alert,
.content_image,
.content_text,
.content_other,
.refresh,
.addfriend  {
background-position:left center;
background-repeat:no-repeat;
line-height:16px;
padding:2px 2px 2px 20px;}

.content_video {background-image:url(../images/icons/video.gif);}
.content_image {background-image:url(../images/icons/image.gif);}
.content_text  {background-image:url(../images/icons/text.gif);}
.content_audio  {background-image:url(../images/icons/audio.gif);}
.content_alert {background-image:url(../images/icons/alert.gif);}
.content_other {background-image:url(../images/icons/other.gif);}

.refresh,
.addfriend {
	float: right;
	font-size:12px;
	margin-top: 10px;
}

.refresh a:focus,
.refresh a,
.addfriend a:focus,
.addfriend a  {text-decoration:none; color: #112f9f;}

.refresh {background-image:url(../images/icons/reload.gif);}
.addfriend {background-image:url(../images/icons/add.gif);}


/* Styles for the 2 nested tables that implement scrolling */
.tableone {border-collapse:collapse; margin:0 auto; padding: 0;}
.tabletwo {border-collapse:collapse; margin:0 auto; padding: 0;}
  .tableone th {border: 0px solid red; padding: 0;}
  .tabletwo th {border:0px solid white; padding: 0;}


.tableone th {padding: 0;}
.tabletwo th {padding: 0;}
.tabletwo td{font:normal normal normal 12pt Arial;color:#000000;border-bottom:#787878 1px solid;}
.tabletwo td a{font:normal normal bold 7pt Arial;color:	blue;}
.tabletwo td img{border:0;width:29px;}

.th1 {width:25px; text-align: center }
.th2 {width:70px; text-align: center }
.th3 {width:40px; text-align: center  }
.th4 {width:365px; text-align: center }
.th5 {width:145px; }
.th6 {width:115px; }
.th7 {width: 0px;}

.td1 {width:25px; text-align: center }
.td2 {width:70px; text-align: center }
.td3 {width:40px; text-align: center  }
.td4 {width:365px;  }
.td5 {width:145px; }
.td6 {width:97px; }
.td7 {width: 1px;}

.bth1 {width:25px;text-align: center }
.bth2 {width:70px; text-align: center}
.bth3 {width: 220px}
.bth4 {width: 220px}
.bth5 {width: 220px}
.bth6 {width: 0px}

.btd1 {width:25px;text-align: center  }
.btd2 {width:70px; text-align: center}
.btd3 {width:220px;}
.btd4 {width:220px;}
.btd5 {width: 200px}
.btd6 {width: 0px}

.cth1 {width:25px; text-align: center}
.cth2 {width:75px; text-align: center}
.cth3 {width:370px;text-align: center}
.cth4 {width:155px;}
.cth5 {width:130px;}
.cth6 {}

.ctd1 {width:25px; text-align: center}
.ctd2 {width:75px; text-align: center}
.ctd3 {width:370px;  }
.ctd4 {width:155px;}
.ctd5 {width: 130px}
.ctd6 {width: 0px}

/*.innerb {max-height:500px; min-height: 500px; overflow:scroll; overflow-x: hidden}*/
.innerb {OVERFLOW-Y:auto;overflow-x: hidden;OVERFLOW:auto;WIDTH:760px;LINE-HEIGHT:200%;HEIGHT:500px}
/* END styles for the 2 nested tables that implement scrolling */




/* OFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF */
#maintabheader{border:#000000 0px solid;height:33px;z-index:10}
#localuploadlink{border:#000000 0px solid;width:100%;position:relative;font:normal normal bold 9pt Arial;color:#112f9f;padding-top:10px}

table#maintablayout{padding:0px 0px 0px 0px;border-spacing:0px;width:100%}
table#maintablayout td{padding:0px 4px 0px 0px;border-spacing:0px;}
table#maintablayout td#dummy{width:100%;text-align:right;}
.maintabmenu{padding-top:5px;text-align:center;border:#000000 0px solid;width:143px;height:32px;font:normal normal bold 12pt Arial;color:#FFFFFF;} /*font-family:Arial;font-size:16px;font-weight:bold;color:#FFFFFF; */
.maintabmenu a{font:normal normal bold 12pt Arial;color:#FFFFFF;}
.maintabmenusel{padding-top:5px;text-align:center;border:#000000 0px solid;width:143px;height:32px;font:normal normal bold 12pt Arial;color:#112f9f;} /*font-family:Arial;font-size:16px;font-weight:bold;color:#FFFFFF; */
.maintabmenusel a{font:normal normal bold 12pt Arial;color:#112f9f;}
#mainTabHome{width:83px;background-image:url(../images/tab_Home.gif);}
#mainTabInbox{width:104px;background-image:url(../images/tab_MyClips.gif);}
#mainTabFriends{width:143px;background-image:url(../images/tab_FriendsClips.gif);}
#mainTabMyFriends{width:122px;background-image:url(../images/tab_MyFriends.gif);}
#mainTabHomeSel{width:83px;background-image:url(../images/tab_Home_active.gif);}
#mainTabInboxSel{width:104px;background-image:url(../images/tab_MyClips_active.gif);}
#mainTabFriendsSel{width:143px;background-image:url(../images/tab_FriendsClips_active.gif);}
#mainTabMyFriendsSel{width:122px;background-image:url(../images/tab_MyFriends_active.gif);}

.mystuff{z-index:9;}

.tableText{
  color:black;font-family:Arial;font-weight:normal;font-size:10pt;
}