/* FIXME Client needs a specific pixel width to calculate with.  Some better way? */
/* #container has been removed */
@media (min-width:0px) { #container { width: 10px; !important } }
@media (min-width:130px) { #container { width: 100px; !important } }
@media (min-width:230px) { #container { width: 200px; !important } }
@media (min-width:330px) { #container { width: 300px; !important } }
@media (min-width:430px) { #container { width: 400px; !important } }
@media (min-width:530px) { #container { width: 500px; !important } }
@media (min-width:630px) { #container { width: 600px; !important } }
@media (min-width:730px) { #container { width: 700px; !important } }
@media (min-width:830px) { #container { width: 800px; !important } }
@media (min-width:930px) { #container { width: 900px; !important } }
@media (min-width:1030px) { #container { width: 1000px; !important } }
@media (min-width:1130px) { #container { width: 1100px; !important } }
@media (min-width:1230px) { #container { width: 1200px; !important } }
@media (min-width:1330px) { #container { width: 1300px; !important } } 
@media (min-width:1430px) { #container { width: 1400px; !important } }
@media (min-width:1530px) { #container { width: 1500px; !important } }
@media (min-width:1630px) { #container { width: 1600px; !important } }
@media (min-width:1730px) { #container { width: 1700px; !important } }
@media (min-width:1830px) { #container { width: 1800px; !important } }


/* Taken from client/css/MyIdeatree.css */
@media (min-width:0px) { .RichGraphViewport { width: 10px; } }
@media (min-width:130px) { .RichGraphViewport { width: 100px; } }
@media (min-width:230px) { .RichGraphViewport { width: 200px; } }
@media (min-width:330px) { .RichGraphViewport { width: 300px; } }
@media (min-width:430px) { .RichGraphViewport { width: 400px; } }
@media (min-width:530px) { .RichGraphViewport { width: 500px; } }
@media (min-width:630px) { .RichGraphViewport { width: 600px; } }
@media (min-width:730px) { .RichGraphViewport { width: 700px; } }
@media (min-width:830px) { .RichGraphViewport { width: 800px; } }
@media (min-width:930px) { .RichGraphViewport { width: 900px; } }
@media (min-width:1030px) { .RichGraphViewport { width: 1000px; } }
@media (min-width:1130px) { .RichGraphViewport { width: 1100px; } }
@media (min-width:1230px) { .RichGraphViewport { width: 1200px; } }
@media (min-width:1330px) { .RichGraphViewport { width: 1300px; } } 
@media (min-width:1430px) { .RichGraphViewport { width: 1400px; } }
@media (min-width:1530px) { .RichGraphViewport { width: 1500px; } }
@media (min-width:1630px) { .RichGraphViewport { width: 1600px; } }
@media (min-width:1730px) { .RichGraphViewport { width: 1700px; } }
@media (min-width:1830px) { .RichGraphViewport { width: 1800px; } }


@media (min-height:0px) { .RichGraphViewport { height: 10px; } }

@media (orientation:portrait) and (min-height:420px) { .RichGraphViewport { height: 120px; } }
@media (orientation:portrait) and (min-height:520px) { .RichGraphViewport { height: 220px; } }
@media (orientation:portrait) and (min-height:620px) { .RichGraphViewport { height: 320px; } }
@media (orientation:portrait) and (min-height:720px) { .RichGraphViewport { height: 420px; } }
@media (orientation:portrait) and (min-height:820px) { .RichGraphViewport { height: 520px; } }
@media (orientation:portrait) and (min-height:920px) { .RichGraphViewport { height: 620px; } }
@media (orientation:portrait) and (min-height:1020px) { .RichGraphViewport { height: 720px; } }
@media (orientation:portrait) and (min-height:1120px) { .RichGraphViewport { height: 820px; } }
@media (orientation:portrait) and (min-height:1220px) { .RichGraphViewport { height: 920px; } }
@media (orientation:portrait) and (min-height:1320px) { .RichGraphViewport { height: 1020px; } }
@media (orientation:portrait) and (min-height:1420px) { .RichGraphViewport { height: 1120px; } }
@media (orientation:portrait) and (min-height:1520px) { .RichGraphViewport { height: 1220px; } }

@media (orientation:landscape) and (min-height:320px) { .RichGraphViewport { height: 140px; } }
@media (orientation:landscape) and (min-height:420px) { .RichGraphViewport { height: 240px; } }
@media (orientation:landscape) and (min-height:520px) { .RichGraphViewport { height: 340px; } }
@media (orientation:landscape) and (min-height:620px) { .RichGraphViewport { height: 440px; } }
@media (orientation:landscape) and (min-height:720px) { .RichGraphViewport { height: 540px; } }
@media (orientation:landscape) and (min-height:820px) { .RichGraphViewport { height: 640px; } }
@media (orientation:landscape) and (min-height:920px) { .RichGraphViewport { height: 740px; } }
@media (orientation:landscape) and (min-height:1020px) { .RichGraphViewport { height: 840px; } }
@media (orientation:landscape) and (min-height:1120px) { .RichGraphViewport { height: 940px; } }
@media (orientation:landscape) and (min-height:1220px) { .RichGraphViewport { height: 1040px; } }
@media (orientation:landscape) and (min-height:1320px) { .RichGraphViewport { height: 1140px; } }
@media (orientation:landscape) and (min-height:1420px) { .RichGraphViewport { height: 1240px; } }


